:root{
  --bg:#0b1220;
  --bg2:#101a2e;
  --card:#0f1b33;
  --text:#e8eefc;
  --muted:#b9c4df;
  --border: rgba(255,255,255,.12);
  --brand:#0b5ed7;
}

body{
  background: radial-gradient(1200px 600px at 10% 0%, var(--bg2), var(--bg));
  color: var(--text);
}

.navbar{
  background: rgba(15,27,51,.8);
  backdrop-filter: blur(8px);
  border-bottom:1px solid var(--border);
}

.brand-logo{
  height:40px;
  width:auto;
}

.card{
  background: rgba(15,27,51,.85);
  border:1px solid var(--border);
  color:var(--text);
  transition: transform .15s ease;
}

.card:hover{ transform: translateY(-2px); }

.card-text{ color:var(--muted); }

.thumb{
  aspect-ratio:16/9;
  object-fit:cover;
  background:#000;
}

.video-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
  border-radius:1rem;
  overflow:hidden;
  border:1px solid var(--border);
}

.video-wrap iframe,
.video-wrap img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
}

.fallback{
  display:none;
}

.pill{
  border:1px solid var(--border);
  color:var(--muted);
}

/* Prev/Nästa-länkarna (de är <a class="badge ... pill">) */
a.badge.pill{
  background: transparent;                 /* som btn-outline-light */
  color: #fff !important;                  /* vit text */
  border: 1px solid rgba(255,255,255,.75); /* vit-ish kant */
}

/* Hover/focus: invertera */
a.badge.pill:hover,
a.badge.pill:focus{
  background: #fff;
  color: #0b1220 !important;               /* mörk text (byt om du vill) */
  border-color: #fff;
}


:root{
  --active-border: #fff;
}

.active-card{
  border: 2px solid var(--active-border);
}


.episode-card{
  text-decoration:none;
  display:block;
  cursor:pointer;
}

.card-static{
  cursor:default;
}

.navbar-brand span{
  line-height: 1.1;
}