/* ══════════════════════════════════════════════════════════════════════════
   site-light.css — mode clair du site public, inspiré du mode clair de
   l'espace client (fond #f5f5f7, surfaces blanches, texte #1d1d1f, vert plus
   dense pour le contraste). Activé par html:root[data-theme=light] ; chargé en
   dernier et préfixé pour primer sur les couches sombres (esoter-dark, apple).
   Les maquettes d'interface (aperçu du panel, console, code) restent sombres,
   comme des captures d'écran.
   ══════════════════════════════════════════════════════════════════════════ */

/* Bouton de bascule (visible dans les deux thèmes) */
.site-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:980px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#f5f5f7;cursor:pointer;flex-shrink:0;padding:0}
.site-theme-btn:hover{background:rgba(255,255,255,.12)}
.site-theme-btn--float{position:fixed;top:14px;right:14px;z-index:200;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.site-theme-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;font-size:15px;color:#f5f5f7}
.theme-vt::view-transition-old(root),.theme-vt::view-transition-new(root){animation:none;mix-blend-mode:normal}
.theme-vt::view-transition-old(root){z-index:1}
.theme-vt::view-transition-new(root){z-index:2}
html.theme-fade *,html.theme-fade *::before,html.theme-fade *::after{transition:background-color .45s ease,color .45s ease,border-color .45s ease!important}

html:root[data-theme=light]{
  color-scheme:light;
  --bg:#f5f5f7;--bg-soft:#ffffff;--bg-soft2:#fafafa;
  --surface:#ffffff;--surface-2:#f2f2f4;--surface-3:#ebebee;
  --border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.16);
  --text:#1d1d1f;--text-dim:#424245;--text-mute:#6e6e73;
  --accent:#16a34a;--accent-2:#15803d;--accent-soft:rgba(22,163,74,.1);
  --glass:#ffffff;--glass-b:rgba(0,0,0,.08);--ink-2:#6e6e73;
  --ap-glass:#ffffff;--ap-glass-b:rgba(0,0,0,.08);--ap-ink:#1d1d1f;--ap-ink-2:#6e6e73;--ap-ink-3:#424245;--ap-line:rgba(0,0,0,.08);
}
html:root[data-theme=light] body{background:#f5f5f7!important;color:#1d1d1f!important}
html:root[data-theme=light] body::before{background:#f5f5f7!important;display:block!important}
html:root[data-theme=light] body::after{display:none!important}

/* Navigation */
html:root[data-theme=light] nav{background:rgba(255,255,255,.75)!important;border-bottom:1px solid rgba(0,0,0,.07)!important}
html:root[data-theme=light] nav .logo span,html:root[data-theme=light] nav .logo{color:#1d1d1f!important}
html:root[data-theme=light] .nav-links a{color:#424245!important}
html:root[data-theme=light] .nav-links a:hover,html:root[data-theme=light] .nav-links a.active{color:#1d1d1f!important}
html:root[data-theme=light] .nav-hamburger span{background:#1d1d1f!important}
html:root[data-theme=light] .mobile-menu{background:rgba(255,255,255,.94)!important;border-bottom-color:rgba(0,0,0,.07)!important}
html:root[data-theme=light] .mobile-menu a{color:#1d1d1f!important;border-bottom-color:rgba(0,0,0,.07)!important}
html:root[data-theme=light] .site-theme-btn{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.04);color:#1d1d1f}
html:root[data-theme=light] .site-theme-btn:hover{background:rgba(0,0,0,.08)}
html:root[data-theme=light] .site-theme-row{color:#1d1d1f}
html:root[data-theme=light] .lang-toggle,html:root[data-theme=light] [class*=lang-switch]{background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.08)!important}

/* Boutons */
html:root[data-theme=light] .btn-outline,html:root[data-theme=light] .btn-ghost{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.12)!important;color:#1d1d1f!important}
html:root[data-theme=light] .btn-outline:hover,html:root[data-theme=light] .btn-ghost:hover{background:rgba(0,0,0,.08)!important}
html:root[data-theme=light] .btn-dark,html:root[data-theme=light] .btn-green,html:root[data-theme=light] .cta-primary{box-shadow:0 8px 20px -10px rgba(22,163,74,.55)!important}

/* Titres */
html:root[data-theme=light] h1,html:root[data-theme=light] h2,html:root[data-theme=light] .gh-title,html:root[data-theme=light] .st-hero h1,html:root[data-theme=light] .hero-title{
  background:linear-gradient(180deg,#1d1d1f 40%,#48484a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
html:root[data-theme=light] h1 span,html:root[data-theme=light] .hero-grad,html:root[data-theme=light] .grad,html:root[data-theme=light] .gh-title span,html:root[data-theme=light] h1 em{
  background:linear-gradient(90deg,#16a34a,#0d9488)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html:root[data-theme=light] h3,html:root[data-theme=light] h4{color:#1d1d1f}
html:root[data-theme=light] .eyebrow,html:root[data-theme=light] .section-tag,html:root[data-theme=light] .doc-section-badge,html:root[data-theme=light] .feat-tag{color:#15803d!important}
html:root[data-theme=light] .hero-sub,html:root[data-theme=light] .gh-sub,html:root[data-theme=light] .st-sub,html:root[data-theme=light] .ap-lead,html:root[data-theme=light] .section-head p,html:root[data-theme=light] .cta-p{color:#6e6e73!important}

/* Halos : plus légers sur fond clair */
html:root[data-theme=light] .orb{opacity:.28!important;mix-blend-mode:multiply!important}
html:root[data-theme=light] .hero::before,html:root[data-theme=light] .hero::after,html:root[data-theme=light] .hero-centered::before{background:none!important}

/* Surfaces « verre » → cartes blanches */
html:root[data-theme=light] :is(.glass,.gc,.pc,.ft-card,.gp-card,.testi-card,.card,.card-sm,.perk-card,.st-card,.feat,.tier-card,.plat-card,.kpi,.m-tile,.article,.cta-box,.hero-facts,.apple-stats,.stat-strip,.gh-statsbar,.discord-promo,.ask-box,.sim,.dc-card,.ap-callout,.ap-toc,.step-card,.faq-item,.sla-cards>div,.plans-grid>div,.glass-kids>div,.dc-list,.note-box,.sla-grid>div,.st-skel,.promo){
  background:#ffffff!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(0,0,0,.18)!important}
html:root[data-theme=light] :is(.gc,.pc,.ft-card,.gp-card,.testi-card,.st-card,.plat-card,.tier-card):hover{border-color:rgba(0,0,0,.14)!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 24px 50px -24px rgba(0,0,0,.25)!important}
html:root[data-theme=light] .steps-grid{background:rgba(0,0,0,.08)!important}
html:root[data-theme=light] .stat-cell,html:root[data-theme=light] .apple-stats .stat-cell{background:transparent!important}
html:root[data-theme=light] :is(.stat-cell+.stat-cell,.gh-stat,.hero-facts div+div){border-color:rgba(0,0,0,.08)!important}
html:root[data-theme=light] .gc-img-wrap,html:root[data-theme=light] .pc-img-wrap{background:#ebebee!important}
html:root[data-theme=light] .gc-footer,html:root[data-theme=light] .comp-row+.comp-row,html:root[data-theme=light] .inc-item+.inc-item{border-color:rgba(0,0,0,.07)!important}
/* cartes mises en avant (vert) */
html:root[data-theme=light] :is(.tier-card.featured,.plans-grid>div:nth-child(2),.sla-grid>div:nth-child(2),.sla-cards>div:nth-child(2),.glass-kids>div:nth-child(2)){background:#f0fdf4!important;border-color:rgba(22,163,74,.35)!important}
html:root[data-theme=light] .glass-kids>div:nth-child(3){background:#fffbeb!important;border-color:rgba(217,119,6,.3)!important}
html:root[data-theme=light] .ap-callout.ok{background:#f0fdf4!important;border-color:rgba(22,163,74,.3)!important}
html:root[data-theme=light] .ap-callout.ok p{color:#166534!important}

/* Textes des cartes et composants */
html:root[data-theme=light] :is(.gc-name,.gc-meta .gc-name,.pc-title,.ft-t,.gp-tier,.comp-name,.dc-card b,.inc-item-title,.inc-update-status,.st-name,.feat-name,.perk-card h3,.tier-card h3,.plat-name,.st-sec-head h2,.m-tile b,.gc-price,.gp-price,.gh-stat-n,.hero-facts b,.stat-n,.apple-stats .mono,.kpi b,.sla-cards .mono,.cta-box h2,.article-title,.docs-section h3,.legal-section h3,.legal-section strong,.faq-item summary,.ap-toc b,.incident-empty b,.pc-body h3){color:#1d1d1f!important;-webkit-text-fill-color:#1d1d1f}
html:root[data-theme=light] :is(.gc-desc,.pc-excerpt,.ft-d,.gp-desc,.comp-sub,.dc-card small,.inc-item-meta,.inc-update-time,.st-tagline,.st-games,.perk-card p,.tier-desc,.plat-desc,.step-card p,.gc-from-label,.gh-stat-l,.hero-facts small,.stat-l,.m-tile span,.pc-date,.post-count,.game-count,.gh-note,.hero-trust,.hero-trust span,.st-hist-top,.st-hist-foot,.incident-empty,.sim-note,.tier-name,.plat-url,.perk,.lf-caption,.section-intro,.ap-meta,.ap-toc a,.faq-cat,.hero-pct-lbl){color:#6e6e73!important}
html:root[data-theme=light] :is(.legal-section p,.legal-section li,.faq-body,.faq-item .faq-body,.inc-update-msg,.inc-desc,.article-body,.article-body p,.step-text,.docs-section p,.docs-section li,.ap-about p){color:#424245!important}
html:root[data-theme=light] :is(.gc-specs .spec,.spec,.inc-tags span,.pill-minor,.cat-tag,.gp-pill){background:#f2f2f4!important;color:#424245!important;border-color:rgba(0,0,0,.06)!important}
html:root[data-theme=light] .comp-icon,html:root[data-theme=light] .ft-ic,html:root[data-theme=light] .hw-ic,html:root[data-theme=light] .perk-ic,html:root[data-theme=light] .step-icon{background:#f2f2f4!important;border-color:rgba(0,0,0,.06)!important}

/* Filtres segmentés */
html:root[data-theme=light] :is(.filter-bar,#gcFilters,#filterChips,#metricsRange,.seg){background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.06)!important}
html:root[data-theme=light] :is(.filter-btn,.gf-btn,.category-chip.inactive){color:#6e6e73!important}
html:root[data-theme=light] :is(.filter-btn.active,.gf-btn.active,.category-chip:not(.inactive)){background:#ffffff!important;color:#1d1d1f!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important}
html:root[data-theme=light] .seg button{background:#fff!important;color:#424245!important;border-color:rgba(0,0,0,.08)!important}
html:root[data-theme=light] .seg button.on{background:#f0fdf4!important;border-color:rgba(22,163,74,.4)!important;color:#1d1d1f!important}

/* Formulaires */
html:root[data-theme=light] :is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],textarea,select,.form-input){background:#ffffff!important;border-color:rgba(0,0,0,.14)!important;color:#1d1d1f!important}
html:root[data-theme=light] :is(input,textarea)::placeholder{color:#8e8e93!important}
html:root[data-theme=light] .ap-search,html:root[data-theme=light] .search-bar input{background:#ffffff!important;border-color:rgba(0,0,0,.1)!important}
html:root[data-theme=light] .ap-search input{color:#1d1d1f!important}

/* FAQ, docs, API */
html:root[data-theme=light] details summary .ico{background:#f2f2f4!important;color:#424245!important}
html:root[data-theme=light] .faq-item[open]{background:#ffffff!important}
html:root[data-theme=light] :is(.sidebar-link,.docs-nav a,.docs-nav-section,.sidebar-section-label){color:#6e6e73!important}
html:root[data-theme=light] :is(.sidebar-link:hover,.sidebar-link.active,.docs-nav a:hover,.docs-nav a.active){background:rgba(0,0,0,.05)!important;color:#1d1d1f!important}
html:root[data-theme=light] :is(.docs-sidebar){border-color:rgba(0,0,0,.08)!important}
html:root[data-theme=light] .article-body .tip{background:#f0fdf4!important;color:#166534!important;border-color:rgba(22,163,74,.25)!important}
html:root[data-theme=light] .article-body .info{background:#eff6ff!important;color:#1e40af!important;border-color:rgba(37,99,235,.2)!important}
html:root[data-theme=light] .article-body .warn{background:#fffbeb!important;color:#92400e!important;border-color:rgba(217,119,6,.25)!important}
html:root[data-theme=light] :not(pre)>code{background:#f2f2f4!important;color:#1d1d1f!important}
html:root[data-theme=light] .param-table th{background:#f7f7f8!important;color:#6e6e73!important}
html:root[data-theme=light] .param-table td{color:#424245!important;border-color:rgba(0,0,0,.07)!important}
html:root[data-theme=light] .param-table td:first-child{color:#1d1d1f!important}
html:root[data-theme=light] .step-num{background:#dcfce7!important;color:#15803d!important}
html:root[data-theme=light] .m-get{background:#dbeafe!important;color:#1d4ed8!important}
html:root[data-theme=light] .m-post{background:#dcfce7!important;color:#15803d!important}
html:root[data-theme=light] .m-patch{background:#fef3c7!important;color:#92400e!important}
html:root[data-theme=light] .m-delete{background:#fee2e2!important;color:#b91c1c!important}
html:root[data-theme=light] .m-put{background:#f3e8ff!important;color:#7e22ce!important}

/* Statut */
html:root[data-theme=light] .st-ok{color:#15803d!important}
html:root[data-theme=light] .st-warn{color:#b45309!important}
html:root[data-theme=light] .st-critical{color:#b91c1c!important}
html:root[data-theme=light] .hbar.nodata{background:#e5e5ea!important}

/* Partenariat / blog / jeux */
html:root[data-theme=light] .promo{background:#f0fdf4!important;border-color:rgba(22,163,74,.35)!important}
html:root[data-theme=light] .promo code{color:#15803d!important}
html:root[data-theme=light] .copy-btn{background:#dcfce7!important;color:#15803d!important;border-color:rgba(22,163,74,.3)!important}
html:root[data-theme=light] .blog-hero p{color:#f5f5f7!important}
html:root[data-theme=light] .blog-hero h1{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root[data-theme=light] .article-meta,html:root[data-theme=light] .article-back{color:#6e6e73!important}

/* Filet pour les couleurs claires écrites en dur dans le HTML (texte) */
html:root[data-theme=light] :is([style*="color:#f0f2f5"],[style*="color:#f3f6fa"],[style*="color:#edeff3"],[style*="color:#f7f7f5"],[style*="color:#e6e9ee"],[style*="color:#f0f4f8"],[style*="color:#f5f5f7"],[style*="color:#d1d5db"],[style*="color:#c9d1d9"],[style*="color:var(--text)"]):not(:is(.keep-dark,.arch-box,.hero-dash,.hpanel,.live-frame,pre,.discord-cta,.gc-poster,.lf-chat) *){color:#1d1d1f!important}
html:root[data-theme=light] :is([style*="color:#9ca3af"],[style*="color:#a2a9b4"],[style*="color:#8b93a1"],[style*="color:#a1a1a6"],[style*="color:#c7c7cc"],[style*="color:#888"],[style*="color:#aaa"],[style*="color:#bbb"]):not(:is(.keep-dark,.arch-box,.hero-dash,.hpanel,.live-frame,pre,.discord-cta,.gc-poster) *){color:#6e6e73!important}
html:root[data-theme=light] :is([style*="color:#4b515b"],[style*="color:#374151"],[style*="color:#444"],[style*="color:#555"],[style*="color:#666"],[style*="color:#2a2a2a"]):not(:is(.keep-dark,.arch-box,.hero-dash,.hpanel,.live-frame,pre,.discord-cta) *){color:#6e6e73!important}
/* … et les fonds sombres écrits en dur */
html:root[data-theme=light] :is([style*="background:#111318"],[style*="background:#0c1410"],[style*="background:#0b0e14"],[style*="background:#0a0b0f"],[style*="background:#070809"],[style*="background:rgba(10,11,15"],[style*="background:rgba(26,26,26"],[style*="background:#1a1a1a"]):not(:is(.keep-dark,.arch-box,.hero-dash,.hpanel,.live-frame,pre,.plans-grid svg,.gc-poster) *):not(.btn):not(.hero-dash):not(.hpanel){background:#ffffff!important;border-color:rgba(0,0,0,.08)!important}
html:root[data-theme=light] :is([style*="background:#0a0c12"],[style*="background:#080b12"],[style*="background:linear-gradient(135deg,#060f08"]){background:#0b0c0f!important}

/* Pied de page */
html:root[data-theme=light] footer{background:transparent!important;border-top-color:rgba(0,0,0,.08)!important;color:#6e6e73!important}
html:root[data-theme=light] footer a,html:root[data-theme=light] .footer-col-title{color:#6e6e73!important}
html:root[data-theme=light] footer a:hover{color:#1d1d1f!important}
html:root[data-theme=light] footer hr,html:root[data-theme=light] .footer-bottom{border-color:rgba(0,0,0,.08)!important}

/* Bannière cookies */
html:root[data-theme=light] :is(#cookieBanner,#eso-cookie-banner,.cookie-banner,[id*=ookie][class*=banner]){background:rgba(255,255,255,.95)!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.08)!important}

/* ── Accueil : formules, bot Discord, étapes ── */
html:root[data-theme=light] :is(.dbot-feat,.gp-feats li,.gp-feats span){color:#424245!important}
html:root[data-theme=light] :is(.gp-specs,.gp-specs-hi){background:#f5f5f7!important;border-color:rgba(0,0,0,.06)!important}
html:root[data-theme=light] :is(.gp-specs>div,.gp-specs-hi>div){background:#f5f5f7!important}
html:root[data-theme=light] .gp-sl{color:#6e6e73!important}
html:root[data-theme=light] .gp-sv{color:#1d1d1f!important}
html:root[data-theme=light] .gp-mo{color:#6e6e73!important}
html:root[data-theme=light] .gp-btn-ghost,html:root[data-theme=light] .gp-btn{border-color:rgba(0,0,0,.12)!important}
html:root[data-theme=light] .gp-btn-ghost{background:#f2f2f4!important;color:#1d1d1f!important}
/* verts clairs illisibles sur fond clair → vert profond */
html:root[data-theme=light] :is([style*="color:#4ade80"],[style*="color:#86efac"],[style*="color:#22c55e"]):not(:is(.keep-dark,.arch-box,.hero-dash,.hpanel,.live-frame,pre,.discord-cta,.gc-poster,.lf-chat) *){color:#15803d!important}
html:root[data-theme=light] :is([style*="color:#a78bfa"],[style*="color:#c4b5fd"]){color:#6d28d9!important}
html:root[data-theme=light] :is([style*="color:#60a5fa"],[style*="color:#93c5fd"],[style*="color:#7289da"]){color:#1d4ed8!important}
html:root[data-theme=light] :is([style*="color:#fbbf24"],[style*="color:#f59e0b"]){color:#b45309!important}
html:root[data-theme=light] :is([style*="color:#ccc"],[style*="color:#bbb"],[style*="color:#ddd"]){color:#8e8e93!important}

html:root[data-theme=light] details>summary{color:#1d1d1f!important}
html:root[data-theme=light] :is([style*="color:#c8c8c4"],[style*="color:#b0b0ac"]):not(.keep-dark *){color:#8e8e93!important}
html:root[data-theme=light] .gp-btn[style*="a78bfa"],html:root[data-theme=light] a.gp-btn{filter:saturate(1.3) brightness(.75)}
html:root[data-theme=light] #esoCookieBanner{background:rgba(255,255,255,.96)!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 -10px 40px -20px rgba(0,0,0,.25)!important}
html:root[data-theme=light] #esoCookieBanner *:not(a):not(button){color:#424245!important}
html:root[data-theme=light] #esoCookieRefuse{background:#f2f2f4!important;color:#1d1d1f!important;border-color:rgba(0,0,0,.1)!important}
html:root[data-theme=light] #esoCookieBanner a{color:#15803d!important}

/* Étiquettes de catégorie (jeux) */
html:root[data-theme=light] .cat-fps{background:#fee2e2!important;color:#b91c1c!important}
html:root[data-theme=light] .cat-survie{background:#dcfce7!important;color:#15803d!important}
html:root[data-theme=light] .cat-sandbox{background:#dbeafe!important;color:#1d4ed8!important}
html:root[data-theme=light] .cat-aventure{background:#fef3c7!important;color:#b45309!important}
/* Partenariat */
html:root[data-theme=light] .tier-pct{color:#16a34a!important}
html:root[data-theme=light] :is(.tier-badge,.plat-com){background:#dcfce7!important;color:#15803d!important;border-color:rgba(22,163,74,.25)!important}
html:root[data-theme=light] :is(.faq-q-text,.faq-item .faq-q){color:#1d1d1f!important}
html:root[data-theme=light] .faq-a{color:#424245!important}
html:root[data-theme=light] .faq-ico{background:#f2f2f4!important;border-color:rgba(0,0,0,.08)!important;color:#424245!important}
html:root[data-theme=light] :is([style*="color:#b794f6"]){color:#6d28d9!important}
html:root[data-theme=light] :is([style*="color:#fca5a5"],[style*="color:#f87171"]){color:#b91c1c!important}
html:root[data-theme=light] .st-card::before{opacity:1}
/* Statut */
html:root[data-theme=light] .st-hist-tip{color:#1d1d1f!important}
html:root[data-theme=light] .pill-major{background:#fef3c7!important;color:#b45309!important}
html:root[data-theme=light] .pill-critical{background:#fee2e2!important;color:#b91c1c!important}
html:root[data-theme=light] .pill-resolved{background:#dcfce7!important;color:#15803d!important}
/* couleurs posées par script (normalisées en rgb par le navigateur) */
html:root[data-theme=light] [style*="color: rgb(74, 222, 128)"]{color:#15803d!important}
html:root[data-theme=light] [style*="color: rgb(251, 191, 36)"]{color:#b45309!important}
html:root[data-theme=light] [style*="color: rgb(248, 113, 113)"]{color:#b91c1c!important}
/* Infrastructure */
html:root[data-theme=light] [style*="color:rgba(245,158,11"]{color:#b45309!important}
html:root[data-theme=light] [style*="color:rgba(255,255,255,.3"],html:root[data-theme=light] [style*="color:rgba(255,255,255,.4"],html:root[data-theme=light] [style*="color:rgba(255,255,255,.5"]{color:#6e6e73!important}
html:root[data-theme=light] :is(.faq-body a,.legal-section a,.article-body a,.docs-section a,.ap-noresult a){color:#15803d!important}
html:root[data-theme=light] [style*="color: rgb(245, 158, 11)"]{color:#b45309!important}
html:root[data-theme=light] [style*="color: rgb(239, 68, 68)"]{color:#b91c1c!important}
html:root[data-theme=light] .tag-required{background:#fee2e2!important;color:#b91c1c!important;border-color:rgba(185,28,28,.2)!important}
html:root[data-theme=light] .tag-optional{background:#f2f2f4!important;color:#6e6e73!important}
html:root[data-theme=light] .badge-plan{background:#dcfce7!important;color:#15803d!important}

/* ── Fiche d'un jeu (game.html) ── */
/* le haut de page est posé sur l'illustration du jeu : texte clair conservé */
html:root[data-theme=light] .ghero :is(h1,.gh-title){background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 4px 30px rgba(0,0,0,.55)!important}
html:root[data-theme=light] .ghero .gh-tagline{color:#e5e5ea!important}
html:root[data-theme=light] .ghero :is(.gh-price-inline,.gh-price-inline span,.gh-breadcrumb,.gh-breadcrumb a){color:#d1d1d6!important}
html:root[data-theme=light] .ghero .gh-price-inline b{color:#fff!important}
html:root[data-theme=light] .ghero :is(.gh-cat,.gh-eyebrow){color:#bbf7d0!important}
html:root[data-theme=light] .ghero .gh-breadcrumb{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.2)!important}
html:root[data-theme=light] .ghero .gh-facts b,html:root[data-theme=light] .ghero .gh-breadcrumb a{color:#fff!important}
html:root[data-theme=light] .ghero .gh-bc-cur{color:#d1d1d6!important}
html:root[data-theme=light] .ghero .gh-facts small{color:#c7c7cc!important}
/* bas de l'illustration fondu vers le fond clair de la page */
html:root[data-theme=light] .ghero-scrim{background:linear-gradient(to top,#f5f5f7 0%,rgba(245,245,247,.55) 7%,rgba(245,245,247,0) 18%),linear-gradient(to top,rgba(8,9,12,.7) 10%,rgba(8,9,12,.55) 32%,rgba(8,9,12,.15) 62%,rgba(8,9,12,.45) 100%),linear-gradient(to right,rgba(8,9,12,.75) 0%,rgba(8,9,12,.2) 48%,transparent 75%)!important}
html:root[data-theme=light] .ghero{padding-bottom:88px!important}
/* bandeau final : illustration du jeu floutée, texte clair dans les deux thèmes */
html:root[data-theme=light] #gameContent .cta-box{background:#0b0c10!important;border-color:rgba(0,0,0,.1)!important;box-shadow:0 40px 80px -40px rgba(0,0,0,.45)!important}
html:root[data-theme=light] #gameContent .cta-box h2{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html:root[data-theme=light] #gameContent .cta-box p{color:#e5e5ea!important}
html:root[data-theme=light] .price-reco-badge{background:#16a34a!important;color:#fff!important}
html:root[data-theme=light] .price-card.reco .ps-cell{background:#f7fdf9!important}
html:root[data-theme=light] .price-amount span{color:#6e6e73!important}
html:root[data-theme=light] .feat-card:hover,html:root[data-theme=light] .price-card:hover{border-color:rgba(0,0,0,.14)!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 24px 50px -24px rgba(0,0,0,.25)!important}
html:root[data-theme=light] .poster-frame{border-color:rgba(0,0,0,.08)!important;box-shadow:0 50px 100px -40px rgba(0,0,0,.45)!important}
html:root[data-theme=light] .ghero .btn-ghost{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
html:root[data-theme=light] section[style*="background:#0a0c11"]{background:#ffffff!important;border-color:rgba(0,0,0,.06)!important}
html:root[data-theme=light] :is(.feat-card,.price-card){background:#ffffff!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px -18px rgba(0,0,0,.18)!important}
html:root[data-theme=light] .price-card.reco{background:#f0fdf4!important;border-color:rgba(22,163,74,.35)!important}
html:root[data-theme=light] .feat-card h3,html:root[data-theme=light] :is(.price-amount,.ps-val){color:#1d1d1f!important}
html:root[data-theme=light] .feat-card p,html:root[data-theme=light] .desc-text{color:#424245!important}
html:root[data-theme=light] :is(.price-name,.ps-lbl){color:#6e6e73!important}
html:root[data-theme=light] .price-specs{background:rgba(0,0,0,.07)!important;border-color:rgba(0,0,0,.07)!important}
html:root[data-theme=light] .ps-cell{background:#f7f7f8!important}
html:root[data-theme=light] .spec-chip{background:#ffffff!important;border-color:rgba(0,0,0,.1)!important;color:#424245!important}
html:root[data-theme=light] .feat-ico{background:#dcfce7!important;border-color:rgba(22,163,74,.2)!important}

/* Connexion / inscription : le panneau de marque à gauche reste sombre */
html:root[data-theme=light] .split-left :is([style*="color:#555"],[style*="color:#444"],[style*="color:#666"]){color:#a1a1a6!important}
html:root[data-theme=light] .split-left .left-bottom{color:#8e8e93!important}
html:root[data-theme=light] .split-left :is(h1,h2){background:none!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important}
/* (les deux thèmes) texte secondaire du panneau de marque, trop sombre jusqu'ici */
.split-left .feat-text span{color:#8e8e93!important}

/* ── Mode sombre : halos plus discrets et fondus (plus de coupure nette en bas du haut de page) ── */
html:not([data-theme=light]) :is(.hero-bg,.apple-orbs){
  -webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 30%,#000 30%,transparent 78%)!important;
          mask-image:radial-gradient(ellipse 70% 75% at 50% 30%,#000 30%,transparent 78%)!important}
html:not([data-theme=light]) .orb{opacity:.36!important}
html:not([data-theme=light]) .orb.o3{opacity:.22!important}

/* Champs préremplis par le navigateur (Chrome/Safari) : fond clair en mode clair */
html:root[data-theme=light] :is(input,textarea,select):-webkit-autofill,
html:root[data-theme=light] :is(input,textarea,select):-webkit-autofill:hover,
html:root[data-theme=light] :is(input,textarea,select):-webkit-autofill:focus,
html:root[data-theme=light] :is(input,textarea,select):-webkit-autofill:active{
  -webkit-text-fill-color:#1d1d1f!important;caret-color:#1d1d1f!important;
  -webkit-box-shadow:0 0 0 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #ffffff inset!important;
  border:1px solid rgba(0,0,0,.14)!important}
html:root[data-theme=light] :is(input,textarea,select):-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #ffffff inset,0 0 0 4px rgba(22,163,74,.14)!important;box-shadow:0 0 0 1000px #ffffff inset,0 0 0 4px rgba(22,163,74,.14)!important;border-color:rgba(22,163,74,.55)!important}
/* sélecteur de langue flottant (pages de connexion) en clair */
html:root[data-theme=light] .lang-toggle-floating :is(button,a,div){border-color:rgba(0,0,0,.08)}

/* ── Maquettes d'interface : sombres dans les deux thèmes (comme des captures d'écran) ── */
html:root[data-theme=light] :is(.hpanel,.hero-dash,.arch-box){background:#0e0f12!important;border-color:rgba(0,0,0,.18)!important;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.06)!important;color:#e5e5ea}
html:root[data-theme=light] :is(.hpanel,.hero-dash) :is(.htile,.hchart,.hstatus){background:#16181c!important;border-color:rgba(255,255,255,.07)!important}
html:root[data-theme=light] .hpanel :is(.hstatus-t){color:#e5e5ea!important}
html:root[data-theme=light] .hpanel :is(.hstatus-s,.hchart-t,.htile-l,.hpanel-url){color:#8e8e93!important}
html:root[data-theme=light] .hpanel .htile-v{color:#f5f5f7!important}
html:root[data-theme=light] .hpanel .hpanel-url{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.08)!important}
html:root[data-theme=light] .hpanel .hstatus-ok{background:rgba(34,197,94,.14)!important;color:#86efac!important}
html:root[data-theme=light] .hpanel .hpanel-live{color:#86efac!important}
html:root[data-theme=light] .hpanel .hpanel-chrome{border-color:rgba(255,255,255,.07)!important}
html:root[data-theme=light] .arch-box > div:first-child{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.07)!important}
html:root[data-theme=light] .arch-box > div:first-child span{color:#a1a1a6!important}
html:root[data-theme=light] .arch-box > div:first-child span:last-child{color:#4ade80!important}
html:root[data-theme=light] .hero-dash *{-webkit-text-fill-color:currentColor}
/* FAQ du Partenariat en clair */
html:root[data-theme=light] .faq-item{background:#ffffff!important;border-color:rgba(0,0,0,.08)!important;box-shadow:0 1px 2px rgba(0,0,0,.04)!important}
html:root[data-theme=light] .faq-item.open{background:#ffffff!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px -20px rgba(0,0,0,.25)!important}
html:root[data-theme=light] .faq-item.open .faq-ico{background:#dcfce7!important;color:#15803d!important}

/* Navigation : 7 liens → espacement réduit puis menu hamburger dès 1100 px (les deux thèmes) */
@media(max-width:1260px){nav .nav-links{gap:20px!important}nav .nav-links a{font-size:13.5px!important}}
@media(max-width:1100px){nav .nav-links,nav .nav-cta,nav #navCta{display:none!important}nav .nav-hamburger{display:flex!important}}