/* SOMEDAY — pages annexes plus peps : vidéoclub, séries, classiques, podcast, boutique. */
body.pp { --pk:#ff2e93; --cy:#19e3ff; --am:#ffb02e; --vi:#9a6bff; --rd:#c0394b; --gd:#e6c06a; --gr:#2ee6a6; }
body.pp[data-pp="videoclub"] { --a:var(--am); --b:#ff5a36; --bg:#140a05; --bg2:#2a120a; }
body.pp[data-pp="series"]    { --a:var(--cy); --b:var(--vi); --bg:#070a14; --bg2:#14103a; }
body.pp[data-pp="nostalgie"]{ --a:var(--am); --b:var(--cy); --bg:#0a1216; --bg2:#2a1a0c; }
body.pp[data-pp="classiques"]{ --a:var(--gd); --b:var(--rd); --bg:#14070a; --bg2:#2a0d14; }
body.pp[data-pp="podcast"]   { --a:var(--vi); --b:var(--pk); --bg:#0b0714; --bg2:#26103a; }
body.pp[data-pp="boutique"]  { --a:var(--am); --b:var(--pk); --bg:#120a06; --bg2:#3a1420; }
body.pp { background: var(--bg); position: relative; }
body.pp::before { content:""; position:fixed; inset:0; z-index:-2;
  background: radial-gradient(55% 40% at 8% 6%, color-mix(in srgb,var(--a) 22%,transparent), transparent 70%),
              radial-gradient(55% 45% at 95% 30%, color-mix(in srgb,var(--b) 22%,transparent), transparent 70%),
              radial-gradient(70% 40% at 50% 100%, color-mix(in srgb,var(--b) 26%,transparent), transparent 70%),
              linear-gradient(180deg, var(--bg), var(--bg2)); }
body.pp::after { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background: repeating-linear-gradient(0deg, color-mix(in srgb,var(--a) 7%,transparent) 0 1px, transparent 1px 5px); }

body.pp .header { border-bottom:1px solid color-mix(in srgb,var(--a) 55%,transparent); box-shadow:0 2px 24px color-mix(in srgb,var(--a) 25%,transparent); }
body.pp .header .nav a[aria-current] { box-shadow:0 2px 0 var(--a); }

/* heros */
body.pp .hero, body.pp .page-hero { background: linear-gradient(135deg, color-mix(in srgb,var(--a) 22%,transparent), transparent 55%, color-mix(in srgb,var(--b) 24%,transparent)); border-bottom:2px solid var(--a); box-shadow:0 6px 40px color-mix(in srgb,var(--a) 30%,transparent); }
body.pp .ep-label, body.pp .page-hero .eyebrow { color:var(--a); text-shadow:0 0 12px color-mix(in srgb,var(--a) 70%,transparent); }
body.pp .hero-title, body.pp .page-hero h1 { color:#fff; text-shadow:0 0 4px rgba(255,255,255,.5),0 0 12px color-mix(in srgb,var(--a) 85%,transparent),0 0 26px color-mix(in srgb,var(--a) 45%,transparent),2px 0 color-mix(in srgb,var(--b) 40%,transparent); }
body.pp .hero-sub, body.pp .hero-lead { color:rgba(244,239,230,.86); }

/* sections / listes */
body.pp .section, body.pp .section.dark { background: transparent; border-top:2px solid var(--a); }
body.pp .group-head { border-bottom:1px solid color-mix(in srgb,var(--a) 45%,transparent); }
body.pp .group-head h3 { color:#fff; text-shadow:0 0 16px color-mix(in srgb,var(--a) 60%,transparent); }
body.pp .group-head span { color:var(--a); }
body.pp .tab { border-color:color-mix(in srgb,var(--a) 40%,transparent); }
body.pp .tab:hover { color:#fff; border-color:var(--a); }
body.pp .tab.active { background:var(--a); border-color:var(--a); color:#0b0710; box-shadow:0 0 18px color-mix(in srgb,var(--a) 60%,transparent); }
body.pp .search-box:focus-within { box-shadow:0 0 16px color-mix(in srgb,var(--a) 55%,transparent); }
body.pp .tape { background:rgba(0,0,0,.38); border-color:color-mix(in srgb,var(--a) 32%,transparent); }
body.pp .tape:hover { border-color:var(--a); transform:translateY(-6px) rotate(-.4deg); box-shadow:0 10px 34px color-mix(in srgb,var(--a) 45%,transparent); }
body.pp .tape-num { color:var(--a); }

body.pp .episode, body.pp .podcast-ep { background:rgba(0,0,0,.4); border:1px solid color-mix(in srgb,var(--a) 30%,transparent); transition:transform .2s, box-shadow .2s, border-color .2s; }
body.pp .episode:hover, body.pp .podcast-ep:hover { border-color:var(--a); transform:translateX(6px); box-shadow:0 0 28px color-mix(in srgb,var(--a) 40%,transparent); }
body.pp .ep-num { color:var(--a); text-shadow:0 0 10px color-mix(in srgb,var(--a) 70%,transparent); }
body.pp .ep-badge { color:var(--a); border-color:var(--a); }
body.pp .episode:hover .ep-badge { background:var(--a); color:#0b0710; }
body.pp .series-title, body.pp .ep-title { color:#fff; }
body.pp .ep-thumb img { box-shadow:0 0 18px color-mix(in srgb,var(--b) 45%,transparent); }
body.pp .filter-tag { border-color:var(--a); color:var(--a); }
body.pp footer { background:rgba(0,0,0,.45); border-top:2px solid var(--a); }
@media (prefers-reduced-motion:reduce) { body.pp .episode, body.pp .tape { transition:none; } }

/* ---------- vidéoclub : une couleur par saison ---------- */
body.pp .group { --ga:var(--a); --gb:var(--b); position:relative; padding:28px 26px 30px; border:1px solid color-mix(in srgb,var(--ga) 35%,transparent); border-left:4px solid var(--ga); background:linear-gradient(135deg,color-mix(in srgb,var(--ga) 14%,transparent),transparent 45%,color-mix(in srgb,var(--gb) 12%,transparent)); box-shadow:0 0 30px color-mix(in srgb,var(--ga) 14%,transparent); }
body.pp .group[data-group="episodes"]{ --ga:#ff8a1f; --gb:#ff3d3d; }
body.pp .group[data-group="saison-speciale-suites"]{ --ga:#ff4d3d; --gb:#ffb02e; }
body.pp .group[data-group="saison-speciale-alien"]{ --ga:#2ee6a6; --gb:#19a8ff; }
body.pp .group[data-group="saison-speciale-indiana-jones"]{ --ga:#e6b84a; --gb:#c0562b; }
body.pp .group[data-group="saison2"]{ --ga:#19e3ff; --gb:#9a6bff; }
body.pp .group[data-group="saison3"]{ --ga:#ff2e93; --gb:#ffb02e; }
body.pp .group[data-group="saison4"]{ --ga:#9a6bff; --gb:#ff2e93; }
body.pp .group .group-head { border-bottom-color:color-mix(in srgb,var(--ga) 55%,transparent); }
body.pp .group .group-head h3 { font-size:clamp(26px,3.4vw,40px); text-transform:uppercase; background:linear-gradient(90deg,#fff 30%,var(--ga)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; filter:drop-shadow(0 0 14px color-mix(in srgb,var(--ga) 60%,transparent)); }
body.pp .group .group-head span { color:var(--ga); }
body.pp .group .tape { border-color:color-mix(in srgb,var(--ga) 35%,transparent); }
body.pp .group .tape:hover { border-color:var(--ga); box-shadow:0 10px 34px color-mix(in srgb,var(--ga) 50%,transparent); }
body.pp .group .tape-num { color:var(--ga); }
body.pp .tab[data-tab="episodes"].active, body.pp .tab[data-tab="episodes"]:hover { --a:#ff8a1f; }
body.pp .tab[data-tab="saison-speciale-suites"].active, body.pp .tab[data-tab="saison-speciale-suites"]:hover { --a:#ff4d3d; }
body.pp .tab[data-tab="saison-speciale-alien"].active, body.pp .tab[data-tab="saison-speciale-alien"]:hover { --a:#2ee6a6; }
body.pp .tab[data-tab="saison-speciale-indiana-jones"].active, body.pp .tab[data-tab="saison-speciale-indiana-jones"]:hover { --a:#e6b84a; }
body.pp .tab[data-tab="saison2"].active, body.pp .tab[data-tab="saison2"]:hover { --a:#19e3ff; }
body.pp .tab[data-tab="saison3"].active, body.pp .tab[data-tab="saison3"]:hover { --a:#ff2e93; }
body.pp .tab[data-tab="saison4"].active, body.pp .tab[data-tab="saison4"]:hover { --a:#9a6bff; }
@media (max-width:560px){ body.pp .group { padding:20px 14px 22px; } }