/* Le Zapping V20 — habillage Fuchsia Nuit, inspiré de l'ambiance rose et violette de FIP.
   Fichier additif : toutes les fonctions et données de la V19 sont inchangées. */
:root {
  color-scheme:dark;
  --bg:#100b1c;
  --panel:#1e152b;
  --panel2:#291c37;
  --line:#493155;
  --text:#fff8ff;
  --muted:#c5b6d0;
  --accent:#ff63ba;
  --accent2:#d858eb;
}
body {background:#100b1c;color:var(--text)}
::selection{background:#ea2f9d;color:white}
:focus-visible{outline-color:#ff8ed3!important}
.top {background:rgba(17,10,29,.96);border-bottom:1px solid #6a315c;box-shadow:0 7px 28px #09030f65}
.top::before {content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ee117f,#ff55bc 48%,#a35aff)}
.mark, .brand .mark {background:linear-gradient(135deg,#ff8ace 5%,#f32096 57%,#a451f5)!important;color:#280923!important;box-shadow:0 0 24px #f5008a65}
.brand em {background:linear-gradient(110deg,#ffa8df,#fc5faf 58%,#cc7aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.navbtn:hover {background:#362044;color:#fff}
.navbtn.active {background:linear-gradient(115deg,#682450,#3a225c)!important;box-shadow:inset 0 0 0 1px #bd5798a6!important;color:#fff}
.navbtn .count{background:#ff66ba;color:#250d21}
.extra-nav{border-top-color:#432443}
.extra-name,.extra-caption{color:#f9a0d5}
.extrabtn{background:#291833;color:#f2d5eb;border-color:#74416d}
.extrabtn:hover{background:#452347;border-color:#ff72c1;color:#fff}
.extrabtn.active{background:linear-gradient(115deg,#fa46a9,#c959f1);color:#260924!important;border-color:transparent;box-shadow:0 4px 14px #e3139545}
.mobile-menu-trigger{background:#351d41;border-color:#945186;color:#ffc7e9}
.mobile-menu-panel{background:linear-gradient(165deg,#392040,#170d25);border-top-color:#af5498}
.mobile-menu-header strong{color:#ffb5df}
.mobile-menu-grid .navbtn{background:#30203d;border-color:#56365f;color:#fff}
.mobile-menu-grid .navbtn.active{background:linear-gradient(110deg,#672954,#483075);color:#ffe2f5;border-color:#ef77c7}
.hero{background:
 radial-gradient(ellipse 65% 98% at 92% 22%,rgba(239,15,132,.39),transparent 67%),
 radial-gradient(ellipse 52% 94% at 62% 94%,rgba(153,49,213,.30),transparent 70%),
 linear-gradient(110deg,#161021 0%,#24102f 61%,#371244 100%);
 border-bottom:1px solid #5e2d634d}
.hero::after{content:"";position:absolute;z-index:0;pointer-events:none;right:-130px;top:-200px;width:550px;height:550px;border-radius:50%;border:1px solid #ff67c126;box-shadow:0 0 0 55px #ff67c10a,0 0 0 120px #b444f40a}
.hero>.container{position:relative;z-index:1}
.eyebrow,.daily-kicker{color:#ffa0d5}
.dot{background:#ff4da9;box-shadow:0 0 12px #ff4da9}
.highlight{background:linear-gradient(92deg,#ffc3e6 5%,#ff68b8 65%,#ce8aff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#dfcfdf}
.hbtn,.sv-btn,.game-primary,.d-primary,.d-more,.soc-action,
.sc-days button[aria-pressed=true],.sc-sports button[aria-pressed=true],
.v-chips button[aria-pressed=true],.v-tabs button[aria-pressed=true]{
 background:linear-gradient(105deg,#ff8dcd,#ff4aaa 60%,#da55dd)!important;
 color:#260b23!important;border-color:transparent!important;
 box-shadow:0 7px 21px #d8179045}
.hbtn:hover,.sv-btn:hover,.d-primary:hover,.soc-action:hover{filter:brightness(1.08)}
.hero-player-shell{border-color:#995485;box-shadow:0 18px 42px #0008,0 0 35px #af177d14}
.hero-pending>span,.hero-mini small,.hero-video-text small{color:#ffa9d9}
.hero-play{background:linear-gradient(135deg,#ff9adb,#fa54ac);color:#2a0e26;box-shadow:0 6px 30px #f72e9d80}
.hero-mini{background:#2b1b36;border-color:#683e69}
.hero-mini:hover{border-color:#f275c6}
.hero-tip,.hero-pending{background:#271733}
.card,.panel,.daily-card,.feature{background:#1f162b;border-color:#45304f}
.card:hover,.sv-mini:hover{border-color:#f468b782}
.cat{background:#21162f;border-color:#5d3865;color:#e4cadd}
.cat.selected,.cat:hover{color:#ffb7dd;background:#482044;border-color:#f968b2}
.pill,.detail{color:#ffaddb}
.extra-badge,.daily-kicker,.smallnote{color:#fab1df}
.daily-card{box-shadow:0 14px 32px #0004}
.daily-feature{border-color:#7c4180}
/* Themed destination hubs */
.d-hero,.d-hero-history,.d-hero-sport,.v-hero,.v-hero-audio,.v-hero-almanach,.v-hero-challenge,
.sc-hero,.soc-hero,.sv-intro{
  background:radial-gradient(ellipse at 92% 8%,#ad217861,transparent 57%),
             linear-gradient(120deg,#25203c,#422044 68%,#512650)!important;
  border-color:#925386!important;
}
.d-eyebrow,.v-kicker,.sc-eyebrow,.soc-eyebrow{color:#ffb4df!important}
.d-daily-mini,.v-feature,.soc-feature{background:#211429b8;border-color:#ae67a94d}
.v-feature>span,.v-feature a{color:#ffb2df}
.d-site,.d-story,.d-match,.v-radio,.v-podcast,.soc-card,.sv-card,.sv-mini,
.sc-item{border-color:#593861}
.soc-action{color:#290825!important}
.sv-home{background:linear-gradient(110deg,#24162f,#3c1b3d);border-color:#633767}
.sv-mini{background:#241b34}
.sv-mini small{color:#fba3d6}
.sc-source{background:#382240;border-color:#745181;color:#f1d7e9}
.sc-days button,.sc-sports button,.v-tabs button{background:#2b1b38;border-color:#624069;color:#f0d8ec}
.game-tab.selected{background:#54234a;color:#ffcef0;border-color:#fb78c0}
footer{border-top-color:#523354;color:#c0b0c9}
footer strong{color:#eee1f2}
/* Maintain legible links, without over-coloring text content. */
a:hover{text-decoration-color:#fa60b6}
@media(max-width:760px){
 .hero::after{right:-220px;top:-200px}
 .top::before{height:2px}
}