/*
 * F1LiveUpdates — direction artistique F1 / motorsport.
 * Un seul fichier, chargé par toutes les pages après les styles du thème.
 * Noir carbone · rouge F1 · titres condensés italiques · coins coupés · bordures « vibreur » · damier.
 */

/* ---------- polices (hébergées sur le site, sans appel à Google) ---------- */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/fonts-f1lu/barlowcondensed-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/fonts-f1lu/barlowcondensed-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(/wp-content/fonts-f1lu/barlowcondensed-800-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:700;font-display:swap;src:url(/wp-content/fonts-f1lu/barlowcondensed-700-italic.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url(/wp-content/fonts-f1lu/barlowcondensed-800-italic.woff2) format("woff2")}
@font-face{font-family:"Titillium Web";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/fonts-f1lu/titilliumweb-400-normal.woff2) format("woff2")}
@font-face{font-family:"Titillium Web";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/fonts-f1lu/titilliumweb-600-normal.woff2) format("woff2")}
@font-face{font-family:"Titillium Web";font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/fonts-f1lu/titilliumweb-700-normal.woff2) format("woff2")}

/* ---------- jetons ---------- */
:root{
  --f1-red:#e10600;--f1-red-hot:#ff2a1f;--f1-red-deep:#8f0400;
  --f1-carbon:#0a0b0e;--f1-panel:#14161c;--f1-panel-2:#1b1e26;
  /* thème (sombre par défaut) */
  --f1-page:#0a0b0e;--f1-glow:rgba(225,6,0,.16);--f1-weave-a:rgba(255,255,255,.022);--f1-weave-b:rgba(0,0,0,.28);
  --f1-text:#f4f5f8;--f1-text-2:#dfe2ea;--f1-muted:#9aa1b2;--f1-strong:#ffffff;
  --f1-card-a:#1b1e26;--f1-card-b:#0f1116;--f1-card-hover-a:#20242e;--f1-card-hover-b:#12141a;
  --f1-line:rgba(255,255,255,.11);--f1-chip:rgba(255,255,255,.12);--f1-chip-fg:#ffffff;
  --f1-link:#ff2a1f;--f1-quote:rgba(225,6,0,.12);--f1-input:#0f1116;--f1-ink:#f4f5f8;--f1-kerb-w:#ffffff;
  --f1-purple:#b36bff;--f1-green:#00d26a;--f1-yellow:#ffd60a;
  --f1-head:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --f1-body:"Titillium Web",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f1-cut:18px;
  --ast-global-color-0:#e10600;--ast-global-color-1:#ff2a1f;
}
/* mode clair : papier clair, cartes blanches, bandeaux d'en-tête et de pied de page restent noirs carbone,
   les écrans de chronométrage (semaine de course, classements) restent sombres comme à la télé */
@media (prefers-color-scheme:light){
  :root{
    --f1-page:#eceef2;--f1-glow:rgba(225,6,0,.09);--f1-weave-a:rgba(10,11,14,.035);--f1-weave-b:rgba(255,255,255,.6);
    --f1-text:#0d0f14;--f1-text-2:#2b303b;--f1-muted:#5a6172;--f1-strong:#05060a;
    --f1-card-a:#ffffff;--f1-card-b:#f3f4f7;--f1-card-hover-a:#ffffff;--f1-card-hover-b:#e9ebf0;
    --f1-line:rgba(10,11,14,.14);--f1-chip:rgba(10,11,14,.08);--f1-chip-fg:#0d0f14;
    --f1-link:#c40500;--f1-quote:rgba(225,6,0,.07);--f1-input:#ffffff;--f1-ink:#0d0f14;--f1-kerb-w:#c9cdd8;
  }
}
/* damier et vibreur réutilisables */
.f1lu-kerb,.flu-nw__head::after,.widget-area .widget-title::after{background:repeating-linear-gradient(135deg,var(--f1-red) 0 10px,var(--f1-kerb-w) 10px 20px)}

/* ---------- base ---------- */
html body{
  font-family:var(--f1-body);
  background-color:var(--f1-page);
  background-image:
    radial-gradient(1100px 420px at 50% -80px,var(--f1-glow),transparent 70%),
    repeating-linear-gradient(45deg,var(--f1-weave-a) 0 2px,transparent 2px 6px),
    repeating-linear-gradient(-45deg,var(--f1-weave-b) 0 2px,transparent 2px 6px);
  color:var(--f1-text);
}
html body .site,html body #page,html body .ast-separate-container,html body .site-content,html body #content{background:transparent!important}
html body ::selection{background:var(--f1-red);color:#fff}
html body a{transition:color .15s}
html body .entry-content a:not(.wp-block-button__link),html body .widget a{color:inherit}
html body .entry-content a:hover,html body .widget a:hover{color:var(--f1-link)}

h1,h2,h3,h4,h5,h6,.entry-title,.widget-title,.site-title{
  font-family:var(--f1-head)!important;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.02
}
html body .entry-title{font-size:clamp(1.9rem,3.2vw,2.6rem);text-transform:uppercase!important}
html body.single .entry-title,html body.single h1.entry-title{font-size:clamp(2.2rem,5vw,3.4rem);line-height:.98}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{text-transform:uppercase!important}
/* articles WordPress classiques : texte plus lisible */
html body.single .entry-content p,html body.single .entry-content li{font-size:1.08rem;line-height:1.75}
html body .entry-title a{color:var(--f1-strong)!important}
html body .entry-title a:hover{color:var(--f1-link)!important}

/* ---------- en-tête ---------- */
html body .site-header,html body #masthead{position:relative;border-bottom:1px solid var(--f1-line)}
html body .site-header::before,html body #masthead::before{
  content:"";display:block;height:6px;
  background:repeating-linear-gradient(90deg,var(--f1-red) 0 32px,#fff 32px 64px)
}
html body .main-header-bar,html body .ast-primary-header-bar,html body .ast-above-header-bar,html body .ast-below-header-bar,
html body .ast-mobile-header-wrap .main-header-bar,html body .ast-mobile-header-wrap .ast-primary-header-bar{
  background:linear-gradient(180deg,#101218,#0a0b0e)!important;border-color:var(--f1-line)!important
}
html body .main-header-menu>.menu-item>.menu-link,
html body .ast-header-break-point .main-header-menu .menu-link{
  font-family:var(--f1-head)!important;font-style:italic;font-weight:700;font-size:1.18rem;letter-spacing:.07em;text-transform:uppercase;color:#fff!important;position:relative
}
html body .main-header-menu>.menu-item>.menu-link::after{
  content:"";position:absolute;left:12px;right:12px;bottom:12px;height:3px;background:var(--f1-red);
  transform:skewX(-28deg) scaleX(0);transform-origin:left;transition:transform .22s ease
}
html body .main-header-menu>.menu-item:hover>.menu-link::after,
html body .main-header-menu>.current-menu-item>.menu-link::after,
html body .main-header-menu>.current_page_item>.menu-link::after{transform:skewX(-28deg) scaleX(1)}
html body .main-header-menu>.menu-item:hover>.menu-link,
html body .main-header-menu>.current-menu-item>.menu-link,
html body .main-header-menu>.current_page_item>.menu-link{color:#fff!important}
html body .main-header-menu .sub-menu{background:#0d0f14!important;border:1px solid rgba(255,255,255,.11);border-top:3px solid var(--f1-red);border-radius:0}
html body .main-header-menu .sub-menu .menu-link{font-family:var(--f1-body)!important;font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;color:#f4f5f8!important}
html body .main-header-menu .sub-menu .menu-link:hover{color:#fff!important;background:rgba(225,6,0,.16)!important}
html body .ast-mobile-popup-drawer .ast-mobile-popup-inner{background:#0a0b0e!important;border-left:4px solid var(--f1-red)}
html body .ast-mobile-popup-drawer .menu-link{font-family:var(--f1-head)!important;font-style:italic;font-weight:700;font-size:1.25rem;letter-spacing:.05em;text-transform:uppercase;color:#fff!important}
html body .ast-mobile-popup-drawer .sub-menu .menu-link{font-family:var(--f1-body)!important;font-style:normal;font-weight:600;font-size:1rem;text-transform:none;letter-spacing:0;color:#9aa1b2!important}
html body .menu-toggle,html body .ast-mobile-menu-trigger-minimal{background:var(--f1-red)!important;color:#fff!important;border-radius:0!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
html body .ast-header-search .ast-search-icon,html body .ast-header-search svg{color:#fff!important;fill:#fff!important}

/* ---------- cartes : coins coupés + liseré rouge ---------- */
html body .ast-article-post .ast-article-inner,
html body .flu-nw__card,html body .flu-rs__panel,html body .flu-rw2__card,
html body .f1lu-post .highlight,html body .f1lu-post .margin-note{
  background:linear-gradient(160deg,var(--f1-card-a),var(--f1-card-b))!important;
  border:1px solid var(--f1-line)!important;border-left:4px solid var(--f1-red)!important;border-radius:0!important;
  box-shadow:none!important;
  clip-path:polygon(0 0,calc(100% - var(--f1-cut)) 0,100% var(--f1-cut),100% 100%,0 100%)
}
html body .ast-article-post .ast-article-inner{padding:0;overflow:hidden}
html body .ast-article-post .post-content{padding:0 22px 22px}
html body .ast-article-post .post-thumb{margin-bottom:16px}
html body .ast-article-post .post-thumb img{display:block;width:100%;filter:saturate(1.08) contrast(1.04)}
html body .flu-nw__card:hover,html body .ast-article-post .ast-article-inner:hover{
  transform:translateY(-3px);
  background:linear-gradient(160deg,var(--f1-card-hover-a),var(--f1-card-hover-b))!important
}
/* écrans de chronométrage : sombres dans les deux thèmes */
html body .flu-rs__panel,html body .flu-rs__panel:hover{background:linear-gradient(160deg,#1b1e26,#0f1116)!important;border-color:rgba(255,255,255,.11)!important;border-left-color:var(--f1-red)!important}
html body .flu-nw__card,html body .ast-article-post .ast-article-inner{transition:transform .18s ease,background .18s}
@media(prefers-reduced-motion:reduce){html body .flu-nw__card,html body .ast-article-post .ast-article-inner{transition:none}html body .flu-nw__card:hover,html body .ast-article-post .ast-article-inner:hover{transform:none}}

/* étiquettes en parallélogramme */
html body .flu-nw__chip,html body .flu-rw2__badge,html body .flu-rs__tabs button,
html body .read-more a,html body .ast-button,html body button.search-submit,html body .wp-block-button__link,html body input[type=submit]{
  border-radius:0!important;border:0!important;
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
  font-family:var(--f1-head)!important;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.08em
}
html body .flu-nw__chip{background:var(--f1-red)!important;color:#fff!important;padding:.28rem .85rem!important}
html body .flu-nw__chip--kind{background:var(--f1-chip)!important;color:var(--f1-chip-fg)!important}
html body .flu-nw__chip--f2,html body .flu-nw__chip--f3{background:#ff8700!important}
html body .flu-rw2__badge{background:var(--f1-red)!important;color:#fff!important;padding:.3rem .95rem!important}
html body .flu-rw2__badge--ghost{background:rgba(255,255,255,.12)!important}
html body .read-more a,html body .ast-button,html body .wp-block-button__link,html body input[type=submit]{
  background:var(--f1-red)!important;color:#fff!important;padding:.6rem 1.5rem!important
}
html body .read-more a:hover,html body .ast-button:hover,html body .wp-block-button__link:hover{background:var(--f1-red-hot)!important}

/* ---------- accueil : blocs personnalisés ---------- */
html body .flu-rw2,html body .flu-rs{
  --bg:#13151b;--soft:#0f1116;--ink:#f4f5f8;--head:#ffffff;--muted:#9aa1b2;--line:rgba(255,255,255,.11);
  --accent:#e10600;--accent2:#ff2a1f;--ice:#ffd0cd;--kerb:#ffd60a;--live:#00d26a;
  font-family:var(--f1-body)
}
html body .flu-nw{
  --bg:var(--f1-card-a);--soft:var(--f1-card-b);--ink:var(--f1-text);--head:var(--f1-strong);--muted:var(--f1-muted);--line:var(--f1-line);
  --accent:#e10600;--accent2:#ff2a1f;--ice:#ffd0cd;
  font-family:var(--f1-body)
}
html body .flu-rw2__title,html body .flu-rs h2,html body .flu-nw__head h2,html body .flu-nw h3,html body .flu-rw2__kicker,html body .flu-rs__eyebrow{
  font-family:var(--f1-head)!important;font-style:italic;font-weight:800;text-transform:uppercase
}
/* titres de section : parallélogramme rouge + vibreur */
html body .flu-nw__head h2,html body .flu-rs h2{position:relative;padding-left:1.15rem}
html body .flu-nw__head h2::before,html body .flu-rs h2::before{
  content:"";position:absolute;left:0;top:.08em;bottom:.08em;width:.5rem;background:var(--f1-red);transform:skewX(-20deg)
}
html body .flu-nw__head{position:relative;padding-bottom:.95rem;margin-bottom:1.1rem}
html body .flu-nw__head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px}
html body .flu-nw__head a{font-family:var(--f1-head);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--f1-strong)!important}
html body .flu-nw__head a:hover{color:var(--f1-link)!important}
html body .flu-nw h3 a{color:var(--f1-strong)!important}
html body .flu-nw h3{font-size:1.45rem}
html body .flu-nw__media{background:#000}
html body .flu-nw__card time{font-family:var(--f1-head);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--f1-link)}
html body .flu-nw__nl{background:linear-gradient(120deg,var(--f1-red-deep),var(--f1-red))!important;border:0!important;border-radius:0!important;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
html body .flu-nw__nl a{background:#fff!important;color:#0a0b0e!important;border-radius:0!important;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);font-family:var(--f1-head);font-style:italic;font-weight:800;text-transform:uppercase}

/* semaine de course : tableau de chronométrage */
html body .flu-rw2__card{background:linear-gradient(160deg,#171a22,#0c0d11)!important}
html body .flu-rw2__title{font-size:clamp(2.2rem,4.4vw,3.4rem)!important;line-height:.95}
html body .flu-rw2__kicker{color:var(--f1-red-hot)!important;letter-spacing:.14em}
html body .flu-rw2__facts li,html body .flu-rw2__cd,html body .flu-rw2__sched li{
  border-radius:0!important;background:rgba(255,255,255,.04)!important;border:1px solid var(--f1-line)!important
}
html body .flu-rw2__cd{border-top:3px solid var(--f1-red)!important;background:linear-gradient(180deg,rgba(225,6,0,.14),rgba(255,255,255,.02))!important}
html body .flu-rw2__cd-grid strong,html body .flu-rw2__facts strong{font-family:var(--f1-head);font-weight:800;font-style:italic}
html body .flu-rw2__sched li{border-left:3px solid transparent!important}
html body .flu-rw2__sched li.is-next{border-left-color:var(--f1-red)!important;background:rgba(225,6,0,.12)!important}
html body .flu-rw2__sched li.is-live{border-left-color:var(--f1-green)!important}
html body .flu-rw2__sched .s{font-family:var(--f1-head);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);border-radius:0!important}
html body .flu-rw2__links a{background:var(--f1-red)!important;color:#fff!important;border-radius:0!important;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);font-family:var(--f1-head);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
html body .flu-rw2__links a:last-child{background:rgba(255,255,255,.14)!important}
html body .flu-rw2__visual{background:radial-gradient(700px 360px at 30% 30%,rgba(225,6,0,.16),transparent 70%),#0c0d11!important}

/* ---------- classements / podium ---------- */
html body .flu-rs__podium li{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
html body .flu-rs__podium .pos,html body .flu-rs__podium .code{font-family:var(--f1-head)!important;font-style:italic}
html body .flu-rs__bar span{background:linear-gradient(90deg,var(--f1-red),var(--f1-red-hot))!important}

/* ---------- articles ---------- */
html body .f1lu-post{
  --paper:transparent;--ink:var(--f1-text);--muted:var(--f1-muted);--line:var(--f1-line);--red:var(--f1-link);--red-dark:#8f0400;
  --dek:var(--f1-text-2);--hl-bg:transparent;--card-bg:var(--f1-card-a);--card-border:var(--f1-line);--row-line:var(--f1-line);--quote-bg:var(--f1-quote);
  font-family:var(--f1-body)!important;background:transparent!important;border-radius:0!important
}
html body .f1lu-post h1,html body .f1lu-post h2,html body .f1lu-post h3{font-family:var(--f1-head)!important;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.005em}
html body .f1lu-post h1{font-size:clamp(2.2rem,5.4vw,3.6rem);line-height:.98}
html body .f1lu-post h2{font-size:clamp(1.7rem,3.4vw,2.2rem);line-height:1;margin:56px 0 20px;padding-left:1rem;position:relative}
html body .f1lu-post h2::before{content:"";position:absolute;left:0;top:.06em;bottom:.06em;width:.42rem;background:var(--f1-red);transform:skewX(-20deg)}
html body .f1lu-post .dek{font-family:var(--f1-body)!important;font-size:1.25rem;line-height:1.55}
html body .f1lu-post .lead,html body .f1lu-post p,html body .f1lu-post li,html body .f1lu-post .margin-note{font-family:var(--f1-body)!important}
html body .f1lu-post p,html body .f1lu-post li,html body .f1lu-post .article-body p{color:var(--f1-text-2)!important}
html body .f1lu-post .lead{font-size:1.3rem;font-weight:600;color:var(--f1-strong)}
html body .f1lu-post .lead::first-letter{font-family:var(--f1-head)!important;font-style:italic;font-weight:800;color:var(--f1-link);float:left;font-size:4.2rem;line-height:.8;padding:.3rem .5rem 0 0}
html body .f1lu-post .margin-note span,html body .f1lu-post .box-kicker{font-family:var(--f1-head)!important;font-style:italic;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--f1-link)}
html body .f1lu-post .eyebrow{font-family:var(--f1-head);font-style:italic;font-weight:800;font-size:1rem;letter-spacing:.14em}
html body .f1lu-post .article-header{border-bottom:0;padding-bottom:30px;position:relative}
html body .f1lu-post .article-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:repeating-linear-gradient(135deg,var(--f1-red) 0 12px,var(--f1-kerb-w) 12px 24px)}
html body .f1lu-post .opening-mark{
  border-radius:0!important;height:130px;
  background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 14px),linear-gradient(110deg,var(--f1-red-deep),var(--f1-red) 60%,var(--f1-red-hot));
  clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)
}
html body .f1lu-post .opening-mark b{font-family:var(--f1-head)!important;font-style:italic;font-weight:800}
html body .f1lu-post .session-label{background:var(--f1-red)!important;font-family:var(--f1-head);font-style:italic;font-weight:800;letter-spacing:.12em;border-radius:0!important}
html body .f1lu-post .session-row .position{font-family:var(--f1-head);font-style:italic;font-weight:800}
html body .f1lu-post .session-row strong{font-family:var(--f1-head);font-weight:700;font-size:1.25em;font-variant-numeric:tabular-nums}
html body .f1lu-post blockquote{border-left:5px solid var(--f1-red)!important;border-radius:0!important;background:var(--f1-quote)!important;font-style:italic}
html body .f1lu-post .sources{border-top:1px solid var(--line)}
html body .f1lu-post a{color:var(--f1-link)}
html body .post-navigation a,html body .nav-links a{font-family:var(--f1-head);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--f1-strong)!important}

/* ---------- widgets / pied de page ---------- */
html body .widget{background:linear-gradient(160deg,var(--f1-card-a),var(--f1-card-b));border:1px solid var(--f1-line);border-left:4px solid var(--f1-red);border-radius:0;padding:1.1rem 1.2rem;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
html body .widget-title{position:relative;padding-bottom:.7rem;margin-bottom:.9rem;font-size:1.5rem;color:var(--f1-strong)}
html body .widget-area .widget-title::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px}
html body .widget li{border-bottom:1px solid var(--f1-line)}
/* le thème impose l'accent aux liens de widgets en mode sombre avec un sélecteur très spécifique : on le dépasse */
html:not(.f1-a):not(.f1-b) body .site-content .widget li a,html:not(.f1-a):not(.f1-b) body .site-content .widget .wp-block-latest-posts__post-title{color:var(--f1-text)!important}
html:not(.f1-a):not(.f1-b) body .site-content .widget li a:hover{color:var(--f1-link)!important}
html body .widget .widget-title,html body .widget h2,html body .widget .uagb-heading-text{font-size:clamp(1.3rem,2vw,1.6rem)!important;line-height:1;overflow-wrap:normal;hyphens:none;color:var(--f1-strong)}
html body .site-header .ast-builder-social-element,html body .site-header .ast-builder-social-element svg{color:#c9ced9!important;fill:#c9ced9!important}
html body .wp-block-latest-posts__post-title{font-weight:700}
html body .site-footer{position:relative;background:#06070a!important;border-top:0!important}
html body .site-footer::before{content:"";display:block;height:20px;background:repeating-conic-gradient(#f4f5f8 0 25%,#0a0b0e 0 50%) 0 0/20px 20px}
html body .site-footer,html body .site-footer a{color:#9aa1b2!important}
html body .site-footer a:hover{color:#fff!important}
html body .site-footer .widget{background:none;border:0;clip-path:none;padding:0}
html body .page-numbers{font-family:var(--f1-head);font-style:italic;font-weight:800;border-radius:0!important;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
html body .page-numbers.current,html body .page-numbers:hover{background:var(--f1-red)!important;color:#fff!important}

/* formulaire de commentaire : titre lisible dans les deux thèmes */
html body .comment-reply-title,html body #reply-title,html body .comments-title{color:var(--f1-strong)!important}

/* ---------- recherche, formulaires ---------- */
html body input[type=search],html body input[type=text],html body input[type=email],html body textarea{
  background:var(--f1-input)!important;color:var(--f1-text)!important;border:1px solid var(--f1-line)!important;border-radius:0!important
}
html body input:focus,html body textarea:focus{border-color:var(--f1-red)!important;outline:0;box-shadow:0 0 0 2px rgba(225,6,0,.35)}
html body .flu-search-form button{background:var(--f1-red)!important;border-radius:0!important;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);font-family:var(--f1-head);font-style:italic;font-weight:800;text-transform:uppercase}
html body .flu-search-results a{font-family:var(--f1-head);font-style:italic;font-weight:800;text-transform:uppercase;color:var(--f1-strong)}
html body .flu-search-results a:hover{color:var(--f1-link)}

/* ---------- variables de thème existantes (--flu-*) : accent rouge F1, sombre ou clair selon le système ---------- */
html body,html body.home,html body.page-id-891,html body:not(.home):not(.page-id-891){
  --flu-theme-page:#0a0b0e!important;--flu-theme-surface:#14161c!important;--flu-theme-soft:#1b1e26!important;
  --flu-theme-text:#f4f5f8!important;--flu-theme-muted:#9aa1b2!important;--flu-theme-line:#2a2d36!important;
  --flu-theme-accent:#ff2a1f!important;--flu-theme-button:#e10600!important;--flu-theme-button-hover:#ff2a1f!important;
  --flu-theme-on-button:#ffffff!important;--flu-theme-focus:#ff2a1f!important;--flu-theme-tint:#2a1011!important;
  --flu-theme-tint-line:#6b1a16!important;--flu-theme-shadow:none!important;
  --flu-shell-bg:#14161c!important;--flu-shell-raised:#1b1e26!important;--flu-shell-text:#f4f5f8!important;
  --flu-shell-muted:#9aa1b2!important;--flu-shell-line:#2a2d36!important;--flu-shell-accent:#ff2a1f!important;
  --flu-shell-button:#e10600!important;--flu-shell-on-button:#ffffff!important;--flu-shell-hover:#2a1011!important;--flu-shell-scheme:dark!important;
  --flu-site-dark-page:#0a0b0e!important;--flu-site-dark-surface:#14161c!important;--flu-site-dark-soft:#1b1e26!important;
  --flu-site-dark-text:#f4f5f8!important;--flu-site-dark-muted:#9aa1b2!important;--flu-site-dark-line:#2a2d36!important;
  --flu-site-dark-accent:#ff2a1f!important;--flu-site-dark-button:#e10600!important;--flu-site-dark-button-hover:#ff2a1f!important;
  --flu-site-dark-on-button:#ffffff!important;--flu-site-dark-tint:#2a1011!important;
}
@media (prefers-color-scheme:light){
  html body,html body.home,html body.page-id-891,html body:not(.home):not(.page-id-891){
    --flu-theme-page:#eceef2!important;--flu-theme-surface:#ffffff!important;--flu-theme-soft:#f3f4f7!important;
    --flu-theme-text:#0d0f14!important;--flu-theme-muted:#5a6172!important;--flu-theme-line:#d9dce3!important;
    --flu-theme-accent:#c40500!important;--flu-theme-button:#e10600!important;--flu-theme-button-hover:#ff2a1f!important;
    --flu-theme-on-button:#ffffff!important;--flu-theme-focus:#c40500!important;--flu-theme-tint:#fdecea!important;
    --flu-theme-tint-line:#f0b4af!important;--flu-theme-shadow:none!important;
    --flu-shell-bg:#ffffff!important;--flu-shell-raised:#f3f4f7!important;--flu-shell-text:#0d0f14!important;
    --flu-shell-muted:#5a6172!important;--flu-shell-line:#d9dce3!important;--flu-shell-accent:#c40500!important;
    --flu-shell-button:#e10600!important;--flu-shell-on-button:#ffffff!important;--flu-shell-hover:#fdecea!important;--flu-shell-scheme:light!important;
  }
}

/* en-tête, tiroir mobile et pied de page restent noirs carbone en mode clair : leurs variables « shell » sont figées en sombre */
html body .site-header,html body #masthead,html body .ast-mobile-popup-drawer,html body .site-footer,html body #colophon{
  --flu-shell-bg:#0a0b0e!important;--flu-shell-raised:#14161c!important;--flu-shell-text:#f4f5f8!important;--flu-shell-muted:#9aa1b2!important;
  --flu-shell-line:#2a2d36!important;--flu-shell-accent:#ff2a1f!important;--flu-shell-hover:#2a1011!important;--flu-shell-scheme:dark!important;
  --flu-shell-button:#e10600!important;--flu-shell-on-button:#ffffff!important;
  --flu-theme-page:#0a0b0e!important;--flu-theme-surface:#0a0b0e!important;--flu-theme-soft:#14161c!important;--flu-theme-text:#f4f5f8!important;
  --flu-theme-muted:#9aa1b2!important;--flu-theme-line:#2a2d36!important;--flu-theme-accent:#ff2a1f!important;--flu-theme-tint:#2a1011!important;
  --flu-theme-tint-line:#6b1a16!important;--flu-theme-focus:#ff2a1f!important
}

/* ---------- bandeau « direction de course » (accroche de la page d'accueil) ---------- */
html body .f1lu-home-h1{
  display:inline-block;margin:0 0 1.1rem;padding:.4rem 1.6rem .4rem 1rem;
  font-family:var(--f1-head)!important;font-style:italic;font-weight:800;font-size:.95rem!important;letter-spacing:.2em;text-transform:uppercase;color:#fff!important;
  background:var(--f1-red);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)
}

/* ---------- articles du modèle « .f1lu-article » (la majorité des articles) ---------- */
/* ce modèle déclare ses couleurs sur :root, en clair : on les remplace par celles du thème */
:root{
  --bg:var(--f1-page)!important;--text:var(--f1-text)!important;--text-secondary:var(--f1-text-2)!important;--accent:var(--f1-link)!important;
  --border:var(--f1-line)!important;--quote-bg:var(--f1-quote)!important;
  --highlight-from:var(--f1-card-a)!important;--highlight-to:var(--f1-card-b)!important;
  /* variante du modèle : mêmes noms de variables, autres valeurs */
  --accent-dark:var(--f1-strong)!important;--muted:var(--f1-muted)!important;--background:var(--f1-page)!important;
  --card:transparent!important;--line:var(--f1-line)!important;--soft:var(--f1-quote)!important;
  --gradient:linear-gradient(160deg,var(--f1-card-a),var(--f1-card-b))!important
}
html body .f1lu-article{font-family:var(--f1-body)!important;color:var(--f1-text-2)}
html body .f1lu-article p,html body .f1lu-article li{font-family:var(--f1-body)!important;color:var(--f1-text-2)!important}
html body .f1lu-article .reading-line{width:100%!important;height:6px!important;background:repeating-linear-gradient(135deg,var(--f1-red) 0 12px,var(--f1-kerb-w) 12px 24px)!important;margin-bottom:36px}
html body .f1lu-article .article-title,html body .f1lu-article .article-content h2,html body .f1lu-article h3{
  font-family:var(--f1-head)!important;font-style:italic!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.005em;color:var(--f1-strong)
}
html body .f1lu-article .article-title{font-size:clamp(2.2rem,5.4vw,3.6rem)!important;line-height:.98!important}
html body .f1lu-article .article-excerpt{font-family:var(--f1-body)!important;font-style:normal!important;color:var(--text-secondary)}
html body .f1lu-article .category{font-family:var(--f1-head);font-style:italic;font-weight:800;letter-spacing:.14em;color:var(--f1-link)}
html body .f1lu-article .article-content h2{position:relative;padding-left:1rem;font-size:clamp(1.7rem,3.4vw,2.2rem)!important;line-height:1!important}
html body .f1lu-article .article-content h2::before{content:"";position:absolute;left:0;top:.06em;bottom:.06em;width:.42rem;background:var(--f1-red);transform:skewX(-20deg)}
html body .f1lu-article .article-content>p:first-of-type::first-letter{
  font-family:var(--f1-head)!important;font-style:italic;font-weight:800;color:var(--f1-link);
  float:left;font-size:4.2rem;line-height:.8;padding:.3rem .5rem 0 0
}
html body .f1lu-article blockquote{border-left:5px solid var(--f1-red)!important;border-radius:0!important;background:var(--quote-bg)!important}
html body .f1lu-article blockquote p{font-family:var(--f1-body)!important;font-style:italic;color:var(--f1-strong)}
html body .f1lu-article .highlight-box,html body .f1lu-article .versus-grid{
  background:linear-gradient(160deg,var(--f1-card-a),var(--f1-card-b))!important;border:1px solid var(--f1-line)!important;border-left:4px solid var(--f1-red)!important;border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - var(--f1-cut)) 0,100% var(--f1-cut),100% 100%,0 100%)
}
html body .f1lu-article h1,html body .f1lu-article h2{font-family:var(--f1-head)!important;font-style:italic;font-weight:800;text-transform:uppercase;color:var(--f1-strong)!important;line-height:.98}
html body .f1lu-article h1{font-size:clamp(2.2rem,5.4vw,3.6rem)}
html body .f1lu-article .excerpt{font-family:var(--f1-body)!important;color:var(--f1-text-2)!important;font-size:1.25rem}
html body .f1lu-article .meta{color:var(--f1-muted)}
html body .f1lu-article .separator{height:6px;border:0;background:repeating-linear-gradient(135deg,var(--f1-red) 0 12px,var(--f1-kerb-w) 12px 24px);margin:0 0 36px}
html body .f1lu-article .result-card{background:linear-gradient(160deg,var(--f1-card-a),var(--f1-card-b))!important;border:1px solid var(--f1-line)!important;border-left:4px solid var(--f1-red)!important;border-radius:0!important;clip-path:polygon(0 0,calc(100% - var(--f1-cut)) 0,100% var(--f1-cut),100% 100%,0 100%)}
html body .f1lu-article .result-card strong{color:var(--f1-strong)}
html body .f1lu-article .highlight-box h3{color:var(--f1-link)!important;font-size:1.3rem}
html body .f1lu-article blockquote{color:var(--f1-text-2)!important}
html body .f1lu-article .versus-card,html body .f1lu-article .versus-card.right{background:transparent!important}
html body .f1lu-article .versus-divider{background:var(--f1-red)!important}
html body .f1lu-article .highlight-box .highlight-title,html body .f1lu-article .sources-section h3,html body .f1lu-article .versus-label span,html body .f1lu-article .vs-name{
  font-family:var(--f1-head)!important;font-style:italic;font-weight:800;letter-spacing:.14em;color:var(--f1-link)
}
html body .f1lu-article .sources-section ol li a{color:var(--f1-text-2)}
html body .f1lu-article .sources-section ol li a:hover{color:var(--f1-link)}

/* ---------- page « À propos » : le composant déclare ses propres couleurs claires ---------- */
html body .flu-about{--about-bg:#14161c!important;--about-soft:#1b1e26!important;--about-text:#f4f5f8!important;--about-muted:#9aa1b2!important;--about-line:#2a2d36!important;--about-accent:#ff2a1f!important;--about-tint:#2a1011!important}
@media (prefers-color-scheme:light){
  html body .flu-about{--about-bg:#ffffff!important;--about-soft:#f3f4f7!important;--about-text:#0d0f14!important;--about-muted:#5a6172!important;--about-line:#d9dce3!important;--about-accent:#c40500!important;--about-tint:#fdecea!important}
}

/* vidéo intégrée aux articles (comparaison des meilleurs tours) */
html body .f1lu-video{margin:2.2rem auto;max-width:460px}
html body .f1lu-video video{display:block;width:100%;height:auto;background:#000;border:1px solid var(--f1-line);border-left:4px solid var(--f1-red)}
html body .f1lu-video figcaption{margin-top:.55rem;font-size:.85rem;color:var(--f1-muted);text-align:center}

/* ---------- mobile ---------- */
@media(max-width:921px){
  :root{--f1-cut:14px}
  html body .site-header::before,html body #masthead::before{height:5px}
  html body .flu-rw2__title{font-size:2.3rem!important}
  html body .f1lu-post{padding:32px 18px 56px}
}
@media(prefers-reduced-motion:reduce){html body *{transition:none!important}}