body.para-podcast{
  --pp-active-bg: color-mix(in srgb, var(--para-color-primary) 18%, transparent);
}
body.para-podcast.pp-theme-dark{
  --pp-active-bg: color-mix(in srgb, var(--para-color-primary) 28%, transparent);
}

body.para-podcast{
  --pp-focus-border: color-mix(in srgb, var(--para-color-primary) 55%, transparent);
}
body.para-podcast.pp-theme-dark{
  --pp-focus-border: color-mix(in srgb, var(--para-color-primary) 65%, transparent);
}

.pp-series-kicker{margin:0 0 6px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--pp-muted);}

body.para-podcast{ --pp-bg:#f5f5f5; --pp-card:#ffffff; --pp-overlay:rgba(0,0,0,.06); --pp-text:#111827; --pp-muted:#6b7280; --pp-border:#ccc; --pp-shadow:0 10px 28px rgba(17,24,39,.10); --pp-shadow-soft:0 6px 16px rgba(17,24,39,.08); --pp-accent-2:#2563eb; --pp-btn:#111827; --pp-btn-text:#ffffff; }
body.para-podcast.pp-theme-dark{ --pp-bg:#0b0b0f; --pp-card:#14141c; --pp-overlay:rgba(0,0,0,.45); --pp-text:#f3f4f6; --pp-muted:#a1a1aa; --pp-border:rgba(255,255,255,.12); --pp-shadow:0 10px 40px rgba(0,0,0,.35); --pp-shadow-soft:0 10px 40px rgba(0,0,0,.25); --pp-accent-2:#60a5fa; --pp-btn:#f3f4f6; --pp-btn-text:#0b0b0f; }
body.para-podcast .para-site{ background:var(--pp-bg); color:var(--pp-text); }
.para-podcast-hub{ padding:0; margin:0; }
.pp-hub-head{ margin:0 0 14px; }
.pp-hub-title{ margin:0 0 25px; font-size:28px; line-height:1.1; font-weight:700; color:var(--pp-text); }
body.para-podcast{ --pp-control-h:36px; }
.pp-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:0; margin:0 0 10px; background:transparent; border:0; border-radius:0; box-shadow:none; }
.pp-toolbar-left{ display:flex; gap:8px; }
.pp-toolbar-right{ display:flex; align-items:center; gap:10px; }

.pp-chip{ height:var(--pp-control-h); display:inline-flex; align-items:center; justify-content:center; appearance:none; border:1px solid var(--pp-border); background:transparent; color:var(--pp-text); border-radius:4px; padding:0 14px; font-size:13px; font-weight:600; cursor:pointer; line-height:1; box-shadow:none; font-family: roboto;letter-spacing: 0.4px;}
.pp-chip:hover{ background:rgba(0,0,0,.04); }
body.para-podcast.pp-theme-dark .pp-chip:hover{ background:rgba(255,255,255,.06); }
.pp-chip[aria-pressed="true"]{ background:var(--pp-active-bg) !important; border-color:transparent !important; color:var(--pp-text); }
.pp-chip[aria-pressed="true"]:hover{ background:var(--pp-active-bg) !important; }

.pp-search{ position:relative; display:flex; align-items:center; }
.pp-search-input{ font-family: roboto;height:var(--pp-control-h); width:min(180px,40vw); border:1px solid var(--pp-border); background:transparent; color:var(--pp-text); border-radius:4px; padding:0 14px; font-size:13px; outline:none; }
.pp-search-input:focus{ border-color:var(--pp-focus-border); box-shadow:none; }
.pp-search-hint{ position:absolute; right:10px; font-size:12px; color:var(--pp-muted); pointer-events:none; }
.pp-theme-toggle{ display:flex; align-items:center; gap:8px; border:1px solid var(--pp-border); background:transparent; color:var(--pp-text); border-radius:999px; padding:8px 12px; font-size:13px; font-weight:800; cursor:pointer; line-height:1; }
.pp-theme-toggle__dot{ width:10px; height:10px; border-radius:999px; background:var(--pp-accent-2); display:inline-block; }
.pp-grid{ margin-top:14px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media (max-width:1300px){ .pp-grid{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:1100px){ .pp-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:820px){ .pp-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .pp-grid{ grid-template-columns:1fr; } }
.pp-series-card{ border:1px solid var(--pp-border); background:var(--pp-card); border-radius:10px; overflow:hidden; box-shadow:var(--pp-shadow-soft); display:flex; flex-direction:column; min-height:100%; }
.pp-series-link{ color:inherit; text-decoration:none; display:flex; flex-direction:column; height:100%; }
.pp-series-media{ position:relative; aspect-ratio:14/10; background:var(--pp-overlay); overflow:hidden; }
.pp-series-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.01); }
.pp-series-placeholder{ position:absolute; inset:0; background:linear-gradient(135deg, rgba(37,99,235,.18), rgba(17,24,39,.08)); }
body.para-podcast.pp-theme-dark .pp-series-placeholder{ background:linear-gradient(135deg, rgba(96,165,250,.22), rgba(0,0,0,.28)); }
.pp-series-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.pp-series-play svg{ width:80px; height:80px; filter:drop-shadow(0 10px 22px rgba(0,0,0,.18)); opacity:.92; }
.pp-series-body{ padding:25px; display:flex; flex-direction:column; gap:8px; flex:1; }
.pp-series-title{ margin-bottom: 15px !important;margin:0; font-size:20px; line-height:26px; font-weight:700; color:var(--pp-text); }
.pp-series-footer{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:6px; }
.pp-series-count{ font-size:12px; color:var(--pp-muted); font-weight:700; white-space:nowrap; }
.pp-series-btn{ margin-left: auto;border:0; background:var(--pp-btn); color:var(--pp-btn-text); border-radius:999px; padding:8px 10px; font-size:12px; font-weight:900; line-height:1; cursor:pointer; white-space:nowrap; }
.pp-empty{ margin:12px 0 0; color:var(--pp-muted); }
.pp-series-badge{ position:absolute; top:10px; left:10px; z-index:2; background:#fff; color:#333; border-radius:999px; padding:6px 10px; font-size:12px; font-weight:900; line-height:1; backdrop-filter:blur(4px); }
body.para-podcast .pp-series-media{ position:relative; }
.pp-series-media{ position:relative; }
.pp-episode-duration{font-size:14px; line-height:1; font-weight:700; color:var(--pp-text); }

.pp-switch{ display:flex; align-items:center; }
.pp-switch__input{ position:absolute; opacity:0; pointer-events:none; }
.pp-switch__track{ width:72px; height:var(--pp-control-h); border-radius:4px; border:1px solid var(--pp-border); position:relative; cursor:pointer; }
body.para-podcast.pp-theme-dark .pp-switch__track{ background:rgba(255,255,255,.12); }
.pp-switch__thumb{ position:absolute; top:3px; left:3px; width:30px; height:30px; border-radius:4px; background:var(--pp-card); transition:transform .18s ease; display:flex; align-items:center; justify-content:center; overflow:hidden; }
body.para-podcast:not(.pp-theme-dark) .pp-switch__thumb{background: var(--pp-active-bg) !important;}
body.para-podcast.pp-theme-dark .pp-switch__thumb{ transform:translateX(36px); }body.para-podcast .pp-switch__thumb{ position:absolute; }
.pp-switch__thumb{ position:relative; } /* denne er kritisk for ikon-sentrering */
.pp-switch__svg{ position:absolute; inset:0; margin:auto; width:14px; height:14px; opacity:0; transition:opacity .12s ease; color:#111; }
body.para-podcast.pp-theme-dark .pp-switch__svg{ color:#fff; }
body.para-podcast:not(.pp-theme-dark) .pp-switch__svg--sun{ opacity:1; }
body.para-podcast.pp-theme-dark .pp-switch__svg--moon{ opacity:1; }