/* =========================================================================
   Guide Trading FR — Design « Futur » v1.0.0 (27/09/2026)
   Sélecteurs relevés sur le HTML live du 27/09/2026 (accueil, article
   /pieges-indicateurs-retardes/, /comparatifs/, /formation-trading/).

   Tout est scopé sous html.gt-futur. Retirer la classe = ancien design.

   Deux familles de gabarits coexistent sur le site :
   - GABARITS GTFR (accueil, articles, comparatifs) : <body data-rsssl=1>
     sans body_class() → ciblés par  html.gt-futur body:not(.wp-theme-astra)
     (pas :not([class]) : Complianz ajoute des classes cmplz-* au body en JS)
   - GABARITS ASTRA (pages : formation, protection, légales…) : <body class="…
     wp-theme-astra"> → ciblés par  html.gt-futur body.wp-theme-astra

   !important : utilisé UNIQUEMENT là où une règle live l'impose déjà
   (repérés par le commentaire « !imp: » avec la règle concurrente).
   ========================================================================= */

/* ---------- 1. Palette : on redéfinit les variables déjà utilisées par
   les gabarits GTFR (--bg, --accent…). html.gt-futur (0,1,1) l'emporte sur
   :root (0,1,0), donc tout le site bascule sans toucher aux templates. ---- */
html.gt-futur{
  --bg:#05080f; --bg2:#080d19; --bg3:#0c1222;
  --accent:#3d7bfa; --accent2:#9b7bff;
  --green:#26d07c; --red:#f0445a; --gold:#f5b53d;
  --text:#e8ecf5; --muted:#8e98ad;
  --border:rgba(120,150,255,.12); --card:rgba(10,14,28,.8);
  --radius:20px;
  /* jetons propres au redesign */
  --gt-ink2:#a8b2c8; --gt-ink3:#6b7690;
  --gt-blue-l:#7ea6ff; --gt-violet-l:#b39cff;
  --gt-line:rgba(120,150,255,.12);
  --gt-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --gt-display:'Syne',sans-serif;
  --gt-sans:'DM Sans',system-ui,sans-serif;
  scrollbar-color:rgba(120,150,255,.3) transparent;
}

/* ---------- 2. Fond + typo globale -------------------------------------- */
/* !imp: wp-custom-css impose « body{background-color:var(--gtfr-bg)!important} » (#0a0f1e) */
html.gt-futur body{
  background-color:var(--bg)!important;
  color:var(--text);
  font-family:var(--gt-sans);
  -webkit-font-smoothing:antialiased;
}
/* Halos + grille : pseudo-élément fixe (plus léger que background-attachment:fixed sur mobile) */
html.gt-futur body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1200px 600px at 78% -10%,rgba(61,110,255,.22),transparent 60%),
    radial-gradient(900px 500px at -10% 30%,rgba(155,123,255,.14),transparent 60%);
}
html.gt-futur body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(120,150,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,255,.05) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%);
}
/* !imp: wp-custom-css impose « h1,h2,h3,h4,h5,h6{font-family:'Space Grotesk'!important} » sur tout le site */
html.gt-futur h1,html.gt-futur h2,html.gt-futur h3{font-family:var(--gt-display)!important;text-wrap:balance}
html.gt-futur p{text-wrap:pretty}
html.gt-futur ::selection{background:rgba(61,123,250,.35);color:#fff}

/* ======================= GABARITS GTFR ================================== */

/* ---------- 3. Bandeau de cotations (script TradingView non touché) ----- */
html.gt-futur body:not(.wp-theme-astra) .ticker{
  background:rgba(5,8,15,.7);border-bottom:1px solid var(--gt-line);height:40px;
}
html.gt-futur body:not(.wp-theme-astra) .ticker-item{font-family:var(--gt-mono);border-right-color:var(--gt-line)}

/* ---------- 4. Header / navigation -------------------------------------- */
html.gt-futur body:not(.wp-theme-astra) nav{
  background:rgba(5,8,15,.6);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(120,150,255,.1);
}
html.gt-futur body:not(.wp-theme-astra) .nav-logo{letter-spacing:.02em}
/* La pastille .logo-mark est désormais le logo GTF (logo.css, toujours chargé) : aucun fond ici pour ne pas l'écraser. */
html.gt-futur body:not(.wp-theme-astra) .logo-mark{box-shadow:0 0 24px rgba(61,123,250,.55)}
html.gt-futur body:not(.wp-theme-astra) .nav-links a{border-radius:999px;color:var(--gt-ink2);white-space:nowrap}
html.gt-futur body:not(.wp-theme-astra) .nav-links a:hover{color:#fff;background:rgba(120,150,255,.1)}
html.gt-futur body:not(.wp-theme-astra) .nav-links .active{color:var(--text);background:rgba(120,150,255,.1)}
/* !imp: le gabarit impose .btn-nav{background…!important;padding…!important} */
html.gt-futur body:not(.wp-theme-astra) .btn-nav{
  background:var(--accent)!important;border-radius:999px;white-space:nowrap;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 8px 30px rgba(61,123,250,.45);
}
html.gt-futur body:not(.wp-theme-astra) .btn-nav:hover{background:#5a8fff!important}

/* ---------- 5. Hero (accueil) ------------------------------------------- */
html.gt-futur body:not(.wp-theme-astra) .badge{
  font-family:var(--gt-mono);font-weight:500;letter-spacing:.04em;color:#a8c0ff;
  border-color:rgba(120,150,255,.25);background:rgba(61,123,250,.08);
  max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html.gt-futur body:not(.wp-theme-astra) .badge-dot{background:var(--green);box-shadow:0 0 10px rgba(38,208,124,.7)}
html.gt-futur body:not(.wp-theme-astra) .hero-wrap h1{letter-spacing:-.03em;line-height:1.03}
html.gt-futur body:not(.wp-theme-astra) .grad{
  background:linear-gradient(90deg,#6f9bff 0%,#b39cff 55%,#e0d4ff 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
html.gt-futur body:not(.wp-theme-astra) .hero-desc{color:var(--gt-ink2)}
html.gt-futur body:not(.wp-theme-astra) .stat-l{font-family:var(--gt-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gt-ink3)}
html.gt-futur body:not(.wp-theme-astra) .stat-n em{color:var(--gt-blue-l)}

/* ---------- 6. Boutons -------------------------------------------------- */
html.gt-futur body:not(.wp-theme-astra) .btn-p{
  background:linear-gradient(135deg,#3d7bfa,#7d6bff);border-radius:14px;white-space:nowrap;
  box-shadow:0 10px 40px rgba(80,110,255,.45);
}
html.gt-futur body:not(.wp-theme-astra) .btn-p:hover{filter:brightness(1.12);box-shadow:0 12px 48px rgba(80,110,255,.55)}
html.gt-futur body:not(.wp-theme-astra) .btn-s{
  border-radius:14px;white-space:nowrap;color:var(--text);
  border:1px solid rgba(120,150,255,.25);background:rgba(12,17,32,.6);
}
html.gt-futur body:not(.wp-theme-astra) .btn-s:hover{border-color:rgba(160,180,255,.5);color:#fff}

/* ---------- 7. Carte « Marchés en direct » (accueil) --------------------- */
html.gt-futur body:not(.wp-theme-astra) .hero-card{
  border:1px solid transparent;border-radius:24px;
  background:
    linear-gradient(180deg,rgba(14,20,38,.96),rgba(8,12,24,.96)) padding-box,
    linear-gradient(160deg,rgba(111,155,255,.55),rgba(120,150,255,.08) 40%,rgba(179,156,255,.4)) border-box;
  box-shadow:0 30px 120px rgba(40,70,200,.35);
}
html.gt-futur body:not(.wp-theme-astra) .hc-head{border-bottom-color:var(--gt-line)}
html.gt-futur body:not(.wp-theme-astra) .hc-title{font-family:var(--gt-mono);font-weight:400;font-size:11px;letter-spacing:.14em;color:#7f8aa3}
html.gt-futur body:not(.wp-theme-astra) .hc-title::before{content:"// "}
html.gt-futur body:not(.wp-theme-astra) .hc-live{font-family:var(--gt-mono);letter-spacing:.1em}
html.gt-futur body:not(.wp-theme-astra) .hc-live::before{box-shadow:0 0 8px rgba(38,208,124,.8)}
html.gt-futur body:not(.wp-theme-astra) .b-row{background:rgba(120,150,255,.05);border:1px solid rgba(120,150,255,.08);margin-bottom:8px}
html.gt-futur body:not(.wp-theme-astra) .b-row:hover{background:rgba(120,150,255,.09)}
html.gt-futur body:not(.wp-theme-astra) .score-bar{height:4px;background:rgba(120,150,255,.12)}
html.gt-futur body:not(.wp-theme-astra) .score-fill{background:linear-gradient(90deg,#3d7bfa,#b39cff);box-shadow:0 0 12px #6f9bff}
html.gt-futur body:not(.wp-theme-astra) .score-val{font-family:var(--gt-mono);font-weight:500}
html.gt-futur body:not(.wp-theme-astra) .hc-metrics{background:var(--gt-line);border-top-color:var(--gt-line)}
html.gt-futur body:not(.wp-theme-astra) .metric{background:rgba(10,15,30,.96)}

/* ---------- 8. Sections, sur-titres, services --------------------------- */
html.gt-futur body:not(.wp-theme-astra) .section-tag,
html.gt-futur body:not(.wp-theme-astra) .cta-label{
  font-family:var(--gt-mono);font-weight:400;font-size:12px;letter-spacing:.16em;color:var(--gt-blue-l);
}
html.gt-futur body:not(.wp-theme-astra) .section h2,
html.gt-futur body:not(.wp-theme-astra) .rank-wrap h2{letter-spacing:-.025em;line-height:1.05}
html.gt-futur body:not(.wp-theme-astra) .section-desc{color:var(--gt-ink2)}
html.gt-futur body:not(.wp-theme-astra) .sep{background:var(--gt-line)}
html.gt-futur body:not(.wp-theme-astra) .svc{background:var(--card);border-color:var(--gt-line)}
html.gt-futur body:not(.wp-theme-astra) .svc:hover{border-color:rgba(140,170,255,.4);transform:translateY(-3px)}
html.gt-futur body:not(.wp-theme-astra) .svc-ico{background:rgba(61,123,250,.12);border-color:rgba(61,123,250,.25)}
html.gt-futur body:not(.wp-theme-astra) .svc-link{color:var(--gt-blue-l)}

/* ---------- 9. Tableau classement brokers ------------------------------- */
html.gt-futur body:not(.wp-theme-astra) .rank-section{background:rgba(8,13,25,.55);border-top:1px solid var(--gt-line);border-bottom:1px solid var(--gt-line)}
html.gt-futur body:not(.wp-theme-astra) .rank-table{
  border:1px solid rgba(120,150,255,.14);border-radius:20px;background:rgba(10,14,28,.75);
  border-collapse:separate;border-spacing:0;overflow:hidden;
}
html.gt-futur body:not(.wp-theme-astra) .rank-table th{
  font-family:var(--gt-mono);font-weight:400;font-size:11px;letter-spacing:.14em;color:#5b6680;
  padding:14px 16px;border-bottom:1px solid rgba(120,150,255,.1);
}
html.gt-futur body:not(.wp-theme-astra) .rank-table td{border-bottom:1px solid rgba(120,150,255,.07);padding:18px 16px}
html.gt-futur body:not(.wp-theme-astra) .rank-table tr:hover td{background:rgba(61,123,250,.06)}
html.gt-futur body:not(.wp-theme-astra) .rank-num{color:#3a4560}
html.gt-futur body:not(.wp-theme-astra) .rank-num.top{color:var(--gt-blue-l)}
html.gt-futur body:not(.wp-theme-astra) .rank-ico{border-radius:12px}
html.gt-futur body:not(.wp-theme-astra) .rank-type{color:var(--gt-ink3)}
html.gt-futur body:not(.wp-theme-astra) .rank-tag{white-space:nowrap;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600}
html.gt-futur body:not(.wp-theme-astra) .tag-blue{color:#a8c0ff;background:rgba(61,123,250,.12);border-color:rgba(61,123,250,.25)}
html.gt-futur body:not(.wp-theme-astra) .tag-green{color:#7ee2ad;background:rgba(38,208,124,.08);border-color:rgba(38,208,124,.22)}
html.gt-futur body:not(.wp-theme-astra) .tag-purple{color:#c9b8ff;background:rgba(155,123,255,.12);border-color:rgba(155,123,255,.28)}
html.gt-futur body:not(.wp-theme-astra) .bar-bg{height:5px;border-radius:5px;background:rgba(120,150,255,.1)}
html.gt-futur body:not(.wp-theme-astra) .bar-fg{background:linear-gradient(90deg,#3d7bfa,#b39cff);box-shadow:0 0 14px #6f9bff}
html.gt-futur body:not(.wp-theme-astra) .rank-val{font-family:var(--gt-mono);font-weight:500}
html.gt-futur body:not(.wp-theme-astra) .rank-btn{
  padding:9px 16px;border-radius:10px;border:1px solid rgba(120,150,255,.28);color:var(--gt-blue-l);white-space:nowrap;
}
html.gt-futur body:not(.wp-theme-astra) .rank-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* ---------- 10. Cartes articles (accueil) + articles similaires ---------- */
html.gt-futur body:not(.wp-theme-astra) .art-main,
html.gt-futur body:not(.wp-theme-astra) .art-side,
html.gt-futur body:not(.wp-theme-astra) .related-card{
  background:var(--card);border:1px solid var(--gt-line);border-radius:20px;
}
html.gt-futur body:not(.wp-theme-astra) .art-main:hover,
html.gt-futur body:not(.wp-theme-astra) .art-side:hover,
html.gt-futur body:not(.wp-theme-astra) .related-card:hover{border-color:rgba(140,170,255,.4);transform:translateY(-3px)}
html.gt-futur body:not(.wp-theme-astra) .art-img{background:linear-gradient(135deg,#0b1a38,#1a1245);border-bottom:1px solid rgba(120,150,255,.08)}
html.gt-futur body:not(.wp-theme-astra) .art-img-overlay,
html.gt-futur body:not(.wp-theme-astra) .related-img-overlay{background:linear-gradient(to top,rgba(10,14,28,.95) 0%,transparent 60%)}
/* .art-tag / .art-title existent aussi dans le gabarit article avec un autre sens → on scope par .articles */
html.gt-futur body:not(.wp-theme-astra) .articles .art-tag,
html.gt-futur body:not(.wp-theme-astra) .related-cat{
  font-family:var(--gt-mono);font-weight:400;font-size:11px;letter-spacing:.14em;color:var(--gt-blue-l);
}
html.gt-futur body:not(.wp-theme-astra) .articles .art-desc{color:#8a93a8}
html.gt-futur body:not(.wp-theme-astra) .articles .art-meta,
html.gt-futur body:not(.wp-theme-astra) .related-meta{font-family:var(--gt-mono);font-size:11px;letter-spacing:.06em;color:var(--gt-ink3)}

/* ---------- 11. Bandeau CTA --------------------------------------------- */
html.gt-futur body:not(.wp-theme-astra) .cta-band{
  border:1px solid transparent;
  background:
    linear-gradient(135deg,rgba(14,22,48,.96),rgba(18,14,44,.96)) padding-box,
    linear-gradient(160deg,rgba(111,155,255,.5),rgba(120,150,255,.08) 45%,rgba(179,156,255,.45)) border-box;
  box-shadow:0 30px 100px rgba(40,70,200,.25);
}
html.gt-futur body:not(.wp-theme-astra) .cta-sub{color:var(--gt-ink2)}

/* ---------- 12. Page article -------------------------------------------- */
html.gt-futur body:not(.wp-theme-astra) .art-breadcrumb{font-family:var(--gt-mono);font-size:12px;letter-spacing:.04em}
html.gt-futur body:not(.wp-theme-astra) .art-cat{
  font-family:var(--gt-mono);font-weight:400;letter-spacing:.14em;white-space:nowrap;
  color:#a8c0ff;background:rgba(61,123,250,.1);border-color:rgba(61,123,250,.25);border-radius:999px;
}
html.gt-futur body:not(.wp-theme-astra) .art-hero .art-title{letter-spacing:-.03em;line-height:1.08}
html.gt-futur body:not(.wp-theme-astra) .art-meta-row{border-color:var(--gt-line)}
html.gt-futur body:not(.wp-theme-astra) .art-av{background:linear-gradient(135deg,#3d7bfa,#9b7bff)}
html.gt-futur body:not(.wp-theme-astra) .art-meta-item,
html.gt-futur body:not(.wp-theme-astra) .art-read-time{font-family:var(--gt-mono);font-size:12px}
html.gt-futur body:not(.wp-theme-astra) .art-featured-img{border:1px solid var(--gt-line);border-radius:20px}
/* Lisibilité du corps de texte : un cran sous le blanc pur, bien au-dessus de WCAG AA */
html.gt-futur body:not(.wp-theme-astra) .art-content{color:#d6dce8}
html.gt-futur body:not(.wp-theme-astra) .art-content p,
html.gt-futur body:not(.wp-theme-astra) .art-content li{color:#d6dce8}
html.gt-futur body:not(.wp-theme-astra) .art-content h2{letter-spacing:-.02em}
html.gt-futur body:not(.wp-theme-astra) .art-content a{color:var(--gt-blue-l);border-bottom-color:rgba(126,166,255,.35)}
html.gt-futur body:not(.wp-theme-astra) .art-content a:hover{color:var(--gt-violet-l);border-bottom-color:rgba(179,156,255,.6)}
html.gt-futur body:not(.wp-theme-astra) .art-content table{border:1px solid rgba(120,150,255,.14);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden}
html.gt-futur body:not(.wp-theme-astra) .art-content thead th{
  background:rgba(12,18,36,.9);font-family:var(--gt-mono);font-weight:400;font-size:11px;letter-spacing:.14em;color:#8a93b0;
  border-bottom-color:rgba(120,150,255,.1);
}
html.gt-futur body:not(.wp-theme-astra) .art-content tbody td{border-bottom-color:rgba(120,150,255,.07)}
html.gt-futur body:not(.wp-theme-astra) .art-content tbody tr:hover td{background:rgba(61,123,250,.06)}
html.gt-futur body:not(.wp-theme-astra) .art-content blockquote{border-left-color:var(--accent2);background:rgba(155,123,255,.06)}
html.gt-futur body:not(.wp-theme-astra) .art-content code{font-family:var(--gt-mono)}
html.gt-futur body:not(.wp-theme-astra) .art-share{background:var(--card);border-color:var(--gt-line);border-radius:18px}
html.gt-futur body:not(.wp-theme-astra) .art-share-title{font-family:var(--gt-mono);font-weight:400;font-size:11px;letter-spacing:.14em}
html.gt-futur body:not(.wp-theme-astra) .share-btn{border-color:var(--gt-line)}
html.gt-futur body:not(.wp-theme-astra) .share-btn:hover{border-color:rgba(140,170,255,.4);color:#fff}

/* Barre latérale (sommaire, encart brokers, newsletter Reach : l'iframe n'est pas stylable, on ne l'habille qu'autour) */
html.gt-futur body:not(.wp-theme-astra) .sidebar-card{
  border:1px solid transparent;border-radius:18px;
  background:
    linear-gradient(180deg,rgba(14,20,38,.96),rgba(8,12,24,.96)) padding-box,
    linear-gradient(160deg,rgba(111,155,255,.35),rgba(120,150,255,.06) 45%,rgba(179,156,255,.28)) border-box;
}
html.gt-futur body:not(.wp-theme-astra) .toc-list a{border-radius:8px}
html.gt-futur body:not(.wp-theme-astra) .toc-list a:hover{background:rgba(120,150,255,.08)}
html.gt-futur body:not(.wp-theme-astra) .toc-list a.active{color:var(--gt-blue-l);background:rgba(61,123,250,.1)}
html.gt-futur body:not(.wp-theme-astra) .broker-mini-row{background:rgba(120,150,255,.05);border-color:rgba(120,150,255,.08)}
html.gt-futur body:not(.wp-theme-astra) .broker-mini-row:hover{border-color:rgba(140,170,255,.4);background:rgba(61,123,250,.08)}
html.gt-futur body:not(.wp-theme-astra) .broker-mini-score{font-family:var(--gt-mono);font-weight:500;color:var(--gt-blue-l)}
html.gt-futur body:not(.wp-theme-astra) .newsletter-embed{border-color:var(--gt-line);border-radius:14px}
html.gt-futur body:not(.wp-theme-astra) .related-title{letter-spacing:-.02em}

/* ---------- 12bis. Couleurs de liens --------------------------------------
   !imp: wp-custom-css impose « a:not([class*="btn"]){color:#1A6EF7!important} »
   et « a:hover{color:#E8EDF5!important} » sur tout le site. Sans surcharge,
   menu, pied de page, sommaire et cartes-liens restent bleu vif.
   Cette règle enchaîne 6 :not(.classe) → spécificité (0,6,1). Le :not(#gt-boost)
   (ID fictif, jamais présent) ajoute un poids d'ID pour passer devant, ici seulement. */
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .nav-links a:not(.btn-nav){color:var(--gt-ink2)!important}
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .nav-links a.btn-nav{color:#fff!important}
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .nav-links a:not(.btn-nav):hover,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .nav-links a.active{color:#fff!important}
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .nav-logo{color:var(--text)!important}
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .art-main,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .art-side,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .related-card,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .svc,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .broker-mini-row{color:var(--text)!important}
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .art-content a{color:var(--gt-blue-l)!important}
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .art-content a:hover{color:var(--gt-violet-l)!important}
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .art-breadcrumb a,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .toc-list a,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .foot-col a{color:var(--muted)!important}
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .toc-list a.active,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .toc-list a:hover,
html.gt-futur:not(#gt-boost) body:not(.wp-theme-astra) .foot-col a:hover{color:var(--gt-blue-l)!important}

/* ---------- 13. Footer (gabarits GTFR) ---------------------------------- */
html.gt-futur body:not(.wp-theme-astra) footer{background:transparent;border-top-color:rgba(120,150,255,.1)}
html.gt-futur body:not(.wp-theme-astra) .foot-col h4{font-family:var(--gt-mono);font-weight:400;font-size:11px;letter-spacing:.14em;color:var(--gt-ink3)}
html.gt-futur body:not(.wp-theme-astra) .foot-col a{color:var(--muted)}
html.gt-futur body:not(.wp-theme-astra) .foot-col a:hover{color:var(--gt-blue-l)}
html.gt-futur body:not(.wp-theme-astra) .foot-bottom{border-top-color:var(--gt-line)}
html.gt-futur body:not(.wp-theme-astra) .foot-copy{font-family:var(--gt-mono);font-size:12px;color:var(--gt-ink3)}

/* ======================= GABARITS ASTRA ================================= */
/* !imp: wp-custom-css impose « .main-header-bar,#masthead{background:#060B17!important} » */
html.gt-futur body.wp-theme-astra #masthead,
html.gt-futur body.wp-theme-astra .main-header-bar,
html.gt-futur body.wp-theme-astra .ast-primary-header-bar{
  background:rgba(5,8,15,.85)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(120,150,255,.1)!important;
}
html.gt-futur body.wp-theme-astra .main-header-menu > .menu-item > .menu-link{border-radius:999px;white-space:nowrap}
/* !imp: wp-custom-css impose « .main-navigation a:hover{background:…!important} » */
html.gt-futur body.wp-theme-astra .main-header-menu > .menu-item > .menu-link:hover,
html.gt-futur body.wp-theme-astra .main-header-menu > .current-menu-item > .menu-link{background:rgba(120,150,255,.1)!important;border-radius:999px!important}
html.gt-futur body.wp-theme-astra .entry-title{letter-spacing:-.03em;line-height:1.08}
html.gt-futur body.wp-theme-astra .entry-content h2{letter-spacing:-.02em}
html.gt-futur body.wp-theme-astra .wp-block-button__link{
  border-radius:14px;font-weight:600;white-space:nowrap;
  background:linear-gradient(135deg,#3d7bfa,#7d6bff);color:#fff;box-shadow:0 10px 40px rgba(80,110,255,.45);
}
/* !imp: wp-custom-css impose « .site-footer,#colophon{background:#060B17!important} » */
html.gt-futur body.wp-theme-astra .site-footer{background:rgba(5,8,15,.6)!important;border-top:1px solid rgba(120,150,255,.1)!important}

/* ======================= RESPONSIVE ===================================== */
/* Tableaux : défilement dans leur propre conteneur, jamais de débordement de page.
   display:block + boîte de tableau anonyme = colonnes conservées, défilement horizontal. */
@media (max-width:1024px){
  html.gt-futur body:not(.wp-theme-astra) .rank-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  html.gt-futur body:not(.wp-theme-astra) .rank-name,
  html.gt-futur body:not(.wp-theme-astra) .rank-type{white-space:nowrap}
}
@media (max-width:768px){
  /* Menu mobile : le gabarit masque .nav-links sous 768 px sans aucun bouton
     de remplacement → aucun menu sur mobile. On affiche une rangée de pastilles
     défilante sous le logo (intention du CSS d'origine : « nav{overflow-x:auto} »). */
  html.gt-futur body:not(.wp-theme-astra) nav{height:auto;flex-wrap:wrap;padding:10px 16px;row-gap:8px;max-width:100%;overflow-x:clip}
  html.gt-futur body:not(.wp-theme-astra) .nav-links{
    display:flex;order:3;flex:0 0 100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:4px;padding-bottom:2px;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);
  }
  html.gt-futur body:not(.wp-theme-astra) .nav-links::-webkit-scrollbar{display:none}
  html.gt-futur body:not(.wp-theme-astra) .nav-links li{flex:0 0 auto}
  html.gt-futur body:not(.wp-theme-astra) .nav-links a{padding:7px 13px;font-size:13px}
  html.gt-futur body:not(.wp-theme-astra) .article-sidebar{position:static}
  html.gt-futur body:not(.wp-theme-astra) .art-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  html.gt-futur body:not(.wp-theme-astra) .hero-btns{flex-wrap:wrap}
  html.gt-futur body:not(.wp-theme-astra) .hero-stats{flex-wrap:wrap;gap:24px}
  html.gt-futur body::after{background-size:48px 48px}
}
@media (max-width:420px){
  html.gt-futur body:not(.wp-theme-astra) .btn-p,
  html.gt-futur body:not(.wp-theme-astra) .btn-s{padding:13px 18px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  html.gt-futur *{transition:none!important;animation:none!important}
}