/*
 * Ads2be — thème « calme » (v8)
 * Chargé après les styles d'origine : il les remplace sans toucher au reste du site.
 * Principes : fond neutre, une seule couleur d'action (le violet), dégradé réservé au logo
 * et à la carte « Toi aussi », plus de halos ni de motifs, couleurs douces pour les catégories
 * et les jeux, contrastes vérifiés (au moins 4,5:1 pour le texte).
 */

/* ---------- Polices hébergées sur le site (plus d'appel à Google) ---------- */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-display:swap;font-weight:200 800;
  src:url(/fonts/plus-jakarta-sans.woff2) format("woff2-variations"),url(/fonts/plus-jakarta-sans.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-style:normal;font-display:swap;font-weight:200 900;
  src:url(/fonts/unbounded.woff2) format("woff2-variations"),url(/fonts/unbounded.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;
  src:url(/fonts/jetbrains-mono.woff2) format("woff2-variations"),url(/fonts/jetbrains-mono.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Couleurs : sombre (par défaut) ---------- */
:root{
  --bg:#0F1015; --bg-2:#14151C; --card:#171821; --card-2:#1E1F29; --line:#272834; --line-strong:#383A49;
  --fg:#ECECF2; --muted:#A3A4B4;
  --g1:#6654F0; --g2:#C0408A; --g3:#FF9A4D; --cyan:#4FD1DB; --lime:#BDE35C; --lime-ink:#1E2A00;
  --accent-text:#A99FFF;
  --danger:#FF7584; --danger-soft:rgba(255,117,132,.12);
  --glow-a:rgba(102,84,240,.28); --glow-b:transparent; --glow-c:transparent; --dots:transparent;
  --glass:rgba(12,12,18,.55); --glass-line:rgba(255,255,255,.14);
  --overlay:rgba(5,5,10,.66); --shadow:0 12px 32px -18px rgba(0,0,0,.7); --hdr:rgba(15,16,21,.86);
  --soft-shadow:0 1px 2px rgba(0,0,0,.25);
  --tint-s:38%; --tint-l1:36%; --tint-l2:28%; --ic-bg-s:22%; --ic-bg-l:21%; --ic-fg-s:70%; --ic-fg-l:74%;
}
/* ---------- Couleurs : clair ---------- */
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --bg:#F7F7FA; --bg-2:#EFEFF4; --card:#FFFFFF; --card-2:#F3F3F7; --line:#E3E3EA; --line-strong:#CDCDD7;
  --fg:#17151F; --muted:#5C5A6A;
  --g1:#5B47F5; --g2:#B5317F; --g3:#A54A0C; --cyan:#0B7285; --lime:#D4F07A; --lime-ink:#1E2A00;
  --accent-text:#4B37E0;
  --danger:#C62F45; --danger-soft:rgba(198,47,69,.09);
  --glow-a:rgba(91,71,245,.18); --glow-b:transparent; --glow-c:transparent; --dots:transparent;
  --glass:rgba(15,14,22,.55); --glass-line:rgba(255,255,255,.22);
  --overlay:rgba(23,21,31,.42); --shadow:0 12px 30px -18px rgba(23,21,31,.28); --hdr:rgba(247,247,250,.88);
  --soft-shadow:0 1px 2px rgba(23,21,31,.06);
  --tint-s:40%; --tint-l1:40%; --tint-l2:32%; --ic-bg-s:60%; --ic-bg-l:95%; --ic-fg-s:52%; --ic-fg-l:34%;
}}
:root[data-theme="light"]{
  --bg:#F7F7FA; --bg-2:#EFEFF4; --card:#FFFFFF; --card-2:#F3F3F7; --line:#E3E3EA; --line-strong:#CDCDD7;
  --fg:#17151F; --muted:#5C5A6A;
  --g1:#5B47F5; --g2:#B5317F; --g3:#A54A0C; --cyan:#0B7285; --lime:#D4F07A; --lime-ink:#1E2A00;
  --accent-text:#4B37E0;
  --danger:#C62F45; --danger-soft:rgba(198,47,69,.09);
  --glow-a:rgba(91,71,245,.18); --glow-b:transparent; --glow-c:transparent; --dots:transparent;
  --glass:rgba(15,14,22,.55); --glass-line:rgba(255,255,255,.22);
  --overlay:rgba(23,21,31,.42); --shadow:0 12px 30px -18px rgba(23,21,31,.28); --hdr:rgba(247,247,250,.88);
  --soft-shadow:0 1px 2px rgba(23,21,31,.06);
  --tint-s:40%; --tint-l1:40%; --tint-l2:32%; --ic-bg-s:60%; --ic-bg-l:95%; --ic-fg-s:52%; --ic-fg-l:34%;
}

/* ---------- Fond : plus de halos ni de points ---------- */
body::before{display:none}
header.top{backdrop-filter:saturate(1.2) blur(14px)}

/* ---------- Typographie plus posée ---------- */
h2,.sec-head h2,.sheet-head h2,.fsec>h2,.mod-grid h2{font-family:var(--f-body);font-weight:700;letter-spacing:-.01em}
.card h3{font-weight:700}
.side .big-price,.rating-big{font-weight:700}
.logo{font-weight:700}
.crank,.pod-name,.medal,.g-big,.g-mono,.sv-logo,.sv-ban-t{font-weight:700}
a{color:var(--accent-text)}
.link-btn,html body .linklike{color:var(--accent-text)}
:focus-visible{outline-color:var(--g1)}

/* ---------- Dégradé : seulement le logo, la carte « Toi aussi » et les classements ---------- */
.grad-text{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--accent-text)}
.crank.top{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--accent-text)}
.logo .two{background:linear-gradient(120deg,var(--g1),var(--g2));-webkit-background-clip:text;background-clip:text}

/* ---------- Boutons : une seule couleur d'action, sans halo ---------- */
.btn{transition:background .12s,border-color .12s,filter .12s}
.btn-primary,.btn-primary:hover{background:var(--g1);box-shadow:var(--soft-shadow)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-sun{box-shadow:none}
.tab.pub svg{background:var(--g1)}
.card-cta{background:linear-gradient(140deg,var(--g1),var(--g2));box-shadow:none}
.card-cta .go{background:rgba(0,0,0,.2)}
.bubble.me{background:var(--g1)}
.chip-pick button[aria-pressed="true"]{background:var(--g1)}
.progress i.on{background:var(--g1)}
.hsearch input:focus,.inp:focus{box-shadow:0 0 0 3px var(--glow-a)}
.star-pick button.on{color:#E3A008}
html body .vote-ok-ic{background:var(--g1)}
html body #season-hi{box-shadow:none}

/* ---------- Pastilles lisibles en clair comme en sombre ---------- */
.k-offre{background:color-mix(in srgb,var(--cyan) 13%,transparent);color:color-mix(in srgb,var(--cyan) 72%,var(--fg))}
.k-recherche{background:color-mix(in srgb,var(--g3) 13%,transparent);color:color-mix(in srgb,var(--g3) 72%,var(--fg))}
.k-promo{background:color-mix(in srgb,var(--g2) 13%,transparent);color:color-mix(in srgb,var(--g2) 72%,var(--fg))}
.k-conseil{background:color-mix(in srgb,var(--g1) 13%,transparent);color:color-mix(in srgb,var(--g1) 62%,var(--fg))}
.st-pending,.verified{background:color-mix(in srgb,var(--cyan) 13%,transparent);color:color-mix(in srgb,var(--cyan) 72%,var(--fg))}
.dot,.conv .cnt{background:var(--g2)}

/* ---------- Bordures « mise en avant » : sobres ---------- */
.rchip[aria-pressed="true"]{background:color-mix(in srgb,var(--g1) 8%,var(--card));border:1.5px solid var(--g1)}
.cat-tile[aria-pressed="true"],.choice[aria-pressed="true"]{border-color:var(--g1);box-shadow:0 0 0 1px var(--g1)}
.card.boosted{background:var(--card);border:1.5px solid color-mix(in srgb,var(--g1) 55%,var(--line));box-shadow:none}
.card:hover{transform:translateY(-2px)}
.pod.p1,html body .sv-row.podium-1{background:var(--card);border:1.5px solid color-mix(in srgb,var(--g1) 55%,var(--line));box-shadow:none}
.plan[aria-pressed="true"]{background:color-mix(in srgb,var(--g1) 7%,var(--card-2));border:1.5px solid var(--g1)}
.ptag.main{background:var(--card-2);border:1.5px solid color-mix(in srgb,var(--pc,var(--g1)) 60%,var(--line))}
.main-pick button[aria-checked="true"]{box-shadow:0 0 0 1px var(--pc)}
.conv[aria-current="true"]{box-shadow:inset 3px 0 0 var(--g1)}
.drop:hover,.thumb.add:hover{border-color:var(--g1)}
.drop svg{color:var(--g1)}
.req{color:var(--danger)}
.switch input{accent-color:var(--g1)}
.live-panel{background:var(--card)}
.pdot{box-shadow:none}
.sponsor{background:var(--lime);box-shadow:none}

/* ---------- Couleurs des catégories, couvertures, avatars et jeux : douces ---------- */
/* Couvertures : dégradé discret d'une même teinte, assez foncé pour le texte blanc */
.tint{background:linear-gradient(135deg,hsl(var(--h) var(--tint-s) var(--tint-l1)),hsl(calc(var(--h) + 24) var(--tint-s) var(--tint-l2)))}
.ava.tint,html body .g-mono.tint,html body .sv-logo.tint{background:hsl(var(--h) 34% 36%)}
/* Plus de quadrillage sur les couvertures */
.cover::after,html body .g-cover::after{display:none}
.cover .cover-ic{opacity:.22}
.cover.has-img::after{display:block;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 55%)}
/* Petites icônes de catégorie : fond pâle, icône colorée */
.ri.tint,.ic.tint,.empty .ics .tint,.rchip .ri.tint{background:hsl(var(--h) var(--ic-bg-s) var(--ic-bg-l));color:hsl(var(--h) var(--ic-fg-s) var(--ic-fg-l))}
.empty .ics span:nth-child(odd),.empty .ics span:nth-child(even){transform:none}
/* Tuiles de jeux : couleur douce, illustration plus discrète */
html body .g-art{filter:none;opacity:.92}
html body .g-big{text-shadow:none}
html body .g-cover{height:88px}

/* ---------- Médailles et rangs : couleurs mates ---------- */
.m1,.rank-badge.r1{background:#E7C35A} .m2,.rank-badge.r2{background:#C9CDD6} .m3,.rank-badge.r3{background:#D79A6B}

/* ---------- Mouvements réduits ---------- */
@media (prefers-reduced-motion:reduce){.card:hover,html body .g-tile:hover{transform:none}}