/*!/wp-content/plugins/dawnstar-design/assets/dnr.css*//**
 * DAWNSTAR - CSS global du site public  ·  v1.1
 * DA « FORGE » : ardoise (#0d1117) · rouge accent (#CC2828) · esprit console / ops.
 * Aligné sur les tokens --ds-* de Leaderboard Ops  ->  cohérence site + application.
 * Fichier externe, chargé sur TOUT le site (dans le <head>).
 * Fond animé : voir le fichier compagnon  dawnstar-bg.js  (chargé en footer).
 *
 * CHANGELOG
 * v1.2 (11/10/2026) - DAWNSTAR Design 2.23.0, sur demande de zygo
 *   - Règles des extensions désinstallées retirées : Tutor LMS, Events Manager, WP Event Manager,
 *     Asgaros Forum (#af-wrapper), My Sticky Bar.
 *   - Règles des extensions encore actives (fin de la section COMPATIBILITÉ PLUGINS) déplacées dans
 *     00-legacy-extensions.css : feuille assets/dnr-extensions.css, chargée sur les pages non converties
 *     et, pour un membre connecté, sur les pages converties.
 * v1.1 (26/09/2026) - chantier SEO, étape 1
 *   - Fonds d'image mobiles neutralisés sous 1024 px (section « FONDS MOBILES »).
 *     À utiliser avec dawnstar-bg.js v2.1 (ciel figé sous 1024 px).
 * v1.0 - version d'origine.
 */

/* ══════════════════════════ TOKENS (miroir FORGE) ══════════════════════════ */
:root{
  /* Rouge / accents */
  --ds-r:#CC2828;  --ds-rk:#991818;  --ds-rl:#E03838;  --ds-glow:rgba(204,40,40,.28);
  /* Ardoise / fonds */
  --ds-bg:#0d1117;  --ds-bg0:#0a0d12;  --ds-bg1:#161b22;  --ds-bg2:#1f2937;
  /* Bordures */
  --ds-bdr:rgba(204,40,40,.18);  --ds-bdrh:rgba(204,40,40,.45);
  /* Texte */
  --ds-txt:#D0DCF0;  --ds-txt2:#B0B8C4;  --ds-txt3:#7888A0;
  /* Sémantique */
  --ds-gold:#C89030;  --ds-ok:#10B981;  --ds-warn:#F59E0B;  --ds-err:#EF4444;
  /* Boutons neutres */
  --ds-btn:#253040;  --ds-btn-bdr:#354560;
  /* Surface lisible (panneaux de texte au-dessus du fond animé) */
  --ds-surface:rgba(13,17,23,.72);
  /* Typographie */
  --font-display:'Chakra Petch','Rajdhani',sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-mono:'Consolas','SF Mono','JetBrains Mono',monospace;
  /* Rythme / rayons */
  --r-sharp:3px;  --r-card:4px;  --cut:12px;
}

/* ══════════════════════════ BASE ══════════════════════════ */
html{ background:var(--ds-bg0); }
body{
  background-color:transparent !important;   /* laisse voir le canvas de fond animé */
  color:var(--ds-txt);
  font-family:var(--font-body);
  font-size:17px; line-height:1.72;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
::selection{ background:var(--ds-r); color:#fff; }
a{ color:var(--ds-rl); text-decoration:none; transition:color .2s ease; }
a:hover{ color:#fff; }

/* Canvas de fond animé (injecté par dawnstar-bg.js) — sécurité si le JS charge avant/après */
#dsn-bg-canvas{ position:fixed; inset:0; width:100vw; height:100vh; z-index:-2; pointer-events:none; display:block; }

/* Scanlines CRT très discrètes (signature FORGE) — supprimer ce bloc si non désiré */
body::after{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.022) 3px,rgba(0,0,0,.022) 4px);
}
.site-header .header-inner{
	z-index:99999;
}
.custom-logo{
	margin-left:30px;
}
#site-footer{
display:none;
}

/* ══════════════════════════ FONDS MOBILES (v1.1) ══════════════════════════
   Sous 1024 px, le kit Elementor (Backgroundjpg.jpg, 156 Ko) et les réglages de
   9 pages (PNG de 1,47 Mo, sous 767 px) posaient une image sur le body. Elle
   recouvrait le fond animé et pesait sur le premier affichage mobile.
   Le ciel est désormais dessiné une seule fois par dawnstar-bg.js v2.1.
   Les pages WooCommerce (réservées aux membres) gardent leur fond.
   Retour arrière : commenter ce bloc. */
@media (max-width:1024px){
  body:not(.woocommerce-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout){
    background-image:none !important;
  }
}

/* ══════════════════════════ TYPOGRAPHIE ══════════════════════════ */
h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
  font-family:var(--font-display) !important;
  font-weight:700; color:#fff;
  text-transform:uppercase; letter-spacing:.04em; line-height:1.08;
  margin:0 0 .6em;
}
h1{ font-size:clamp(2.4rem,5vw,4rem); }
h2{ font-size:clamp(1.8rem,3.4vw,2.7rem); }
h3{ font-size:clamp(1.25rem,2.2vw,1.6rem); font-weight:600; letter-spacing:.03em; }
h4{ font-size:1.15rem; font-weight:600; }
p{ margin:0 0 1em; }
/* Corps de texte MARKETING (Elementor) : le kit impose Roboto -> on force Inter + couleur
   remontée à --ds-txt. VOLONTAIREMENT limité au contenu Elementor : ces règles de couleur/police
   ne débordent PAS sur les plugins (WooCommerce, Tutor, UM, événements, wpDiscuz...), dont la
   lisibilité/colorimétrie reste gérée par eux + la section COMPATIBILITÉ PLUGINS en bas de fichier. 
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor span,
.elementor-widget .elementor-icon-box-description,
.elementor-widget .elementor-image-box-description{ font-family:var(--font-body) !important; color:var(--ds-txt) !important; }
.dsn-mono,.elementor-widget-text-editor .dsn-mono{ font-family:var(--font-mono) !important; }*/

/* Titres de section H2 : filet rouge animé façon « scan » */
h2::after,
.elementor-widget-heading h2.elementor-heading-title::after{
  content:''; display:block; width:72px; height:2px; margin:.7em auto 0;
  background:linear-gradient(90deg,transparent,var(--ds-r) 40%,var(--ds-rl) 60%,transparent);
  background-size:200% 100%; animation:ds-scan 4.5s ease-in-out infinite;
}
@keyframes ds-scan{ 0%,100%{ background-position:200% 0; opacity:.55; } 50%{ background-position:0 0; opacity:1; } }

/* Étiquette « ops » (kicker au-dessus d'un titre) : ajouter la classe .dsn-kicker */
.dsn-kicker{
  font-family:var(--font-mono) !important; font-size:.72rem !important; font-weight:600 !important;
  text-transform:uppercase; letter-spacing:.28em; color:var(--ds-r) !important;
}
/* Données techniques (IDs, montants, coordonnées) : classe .dsn-mono */
.dsn-mono{ font-family:var(--font-mono) !important; letter-spacing:.02em; }

/* ══════════════════════════ BOUTONS ══════════════════════════ */
/* Base commune : boutons Elementor + utilitaire générique .dsn-btn */
.elementor-button,
.dsn-btn{
  --btn-bg:linear-gradient(135deg,var(--ds-r) 0%,var(--ds-rk) 100%);
  --btn-bd:var(--ds-rl);
  display:inline-flex !important; align-items:center; justify-content:center; gap:.55em;
  font-family:var(--font-display) !important; font-weight:600 !important; font-size:.92rem !important;
  text-transform:uppercase !important; letter-spacing:.08em !important; line-height:1 !important;
  color:#fff !important; text-decoration:none; cursor:pointer;
  padding:14px 30px !important; border-radius:var(--r-sharp) !important;
  background:var(--btn-bg) !important;
  border:1px solid var(--btn-bd) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.14) !important;
  transition:transform .18s cubic-bezier(.4,0,.2,1), box-shadow .18s ease, filter .18s ease, background .18s ease !important;
  position:relative; overflow:hidden;
}
/* Balayage lumineux au survol */
.elementor-button::before,
.dsn-btn::before{
  content:''; position:absolute; top:0; left:-120%; width:60%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.18),transparent);
  transition:left .5s ease; pointer-events:none;
}
.elementor-button:hover,
.dsn-btn:hover{
  transform:translateY(-2px); filter:brightness(1.08);
  box-shadow:0 0 26px var(--ds-glow), 0 10px 24px rgba(0,0,0,.45) !important;
}
.elementor-button:hover::before,
.dsn-btn:hover::before{ left:130%; }
.elementor-button:active,
.dsn-btn:active{ transform:translateY(1px); box-shadow:inset 0 3px 8px rgba(0,0,0,.4) !important; }
.elementor-button:focus-visible,
.dsn-btn:focus-visible{ outline:2px solid var(--ds-rl); outline-offset:2px; }

/* — Variantes (dans Elementor : widget Bouton > Avancé > Classes CSS) — */
/* Secondaire (ardoise) */
.dsn-btn.is-secondary,.elementor-button.is-secondary{
  --btn-bg:var(--ds-btn); --btn-bd:var(--ds-btn-bdr); color:var(--ds-txt) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.3) !important;
}
.dsn-btn.is-secondary:hover,.elementor-button.is-secondary:hover{
  --btn-bd:var(--ds-rl); box-shadow:0 0 20px var(--ds-glow),0 6px 16px rgba(0,0,0,.4) !important;
}
/* Fantôme (contour) */
.dsn-btn.is-ghost,.elementor-button.is-ghost{
  --btn-bg:rgba(10,13,18,.5); --btn-bd:var(--ds-bdrh); color:var(--ds-txt) !important; box-shadow:none !important;
}
.dsn-btn.is-ghost:hover,.elementor-button.is-ghost:hover{
  --btn-bg:rgba(204,40,40,.14); --btn-bd:var(--ds-rl); box-shadow:0 0 18px var(--ds-glow) !important;
}
/* Coupe biseautée sci-fi (option) */
.dsn-btn.is-cut,.elementor-button.is-cut{
  border-radius:0 !important;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
}
/* Tailles */
.dsn-btn.is-lg,.elementor-button.is-lg{ padding:18px 40px !important; font-size:1.02rem !important; }
.dsn-btn.is-sm,.elementor-button.is-sm{ padding:9px 18px !important; font-size:.8rem !important; }

/* ══════════════════════════ CARTES / PANNEAUX (façon FORGE) ══════════════════════════ */
.dsn-card{
  background:linear-gradient(165deg,var(--ds-bg1),var(--ds-bg));
  border:1px solid var(--ds-bdr);
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  padding:22px; transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.dsn-card:hover{ border-color:var(--ds-bdrh); box-shadow:0 0 26px rgba(204,40,40,.14); transform:translateY(-3px); }

/* Surface lisible : envelopper un bloc de texte posé sur le fond animé */
.dsn-surface{
  background:var(--ds-surface); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  border:1px solid var(--ds-bdr); border-radius:var(--r-card);
  padding:clamp(20px,3vw,40px);
}

/* Léger relief au survol des widgets « cartes » d'Elementor (icon-box / image-box) */
.elementor-widget-icon-box,.elementor-widget-image-box{ transition:transform .22s ease, filter .22s ease; }
.elementor-widget-icon-box:hover,.elementor-widget-image-box:hover{
  transform:translateY(-4px); filter:drop-shadow(0 8px 20px var(--ds-glow));
}

/* ══════════════════════════ COMPTEURS / STATS ══════════════════════════ */
.elementor-counter .elementor-counter-number{
  font-family:var(--font-display) !important; font-weight:700 !important;
  font-size:clamp(2.4rem,4vw,3.6rem) !important; color:#fff !important;
  text-shadow:0 0 24px var(--ds-glow);
}
.elementor-counter .elementor-counter-title{
  font-family:var(--font-mono) !important; text-transform:uppercase;
  letter-spacing:.18em; color:var(--ds-txt3) !important; font-size:.8rem !important;
}

/* ══════════════════════════ NAVIGATION (léger, non intrusif) ══════════════════════════ */
.site-header .site-navigation ul.menu li a,
.mega-menu-item > a.mega-menu-link{
  font-family:var(--font-display) !important; text-transform:uppercase;
  letter-spacing:.05em; font-weight:600;
}

/* ══════════════════════════ SCROLLBAR ══════════════════════════ */
*{ scrollbar-color:var(--ds-r) var(--ds-bg1); }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--ds-bg1); }
::-webkit-scrollbar-thumb{ background:var(--ds-r); border-radius:5px; border:2px solid var(--ds-bg1); }
::-webkit-scrollbar-thumb:hover{ background:var(--ds-rl); }

/* ══════════════════════════ MOTION / A11Y ══════════════════════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* ══════════════════════════ RESPONSIVE ══════════════════════════ */
@media (max-width:768px){
  body{ font-size:15px; }
  .dsn-btn,.elementor-button{ padding:12px 22px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   COMPATIBILITÉ PLUGINS  —  repris de l'ancien CSS (post 540)
   But : les plugins déjà stylés (hors thème / hors Elementor) gardent EXACTEMENT
   leur lisibilité et leur colorimétrie, même une fois l'ancien fichier supprimé.
   Ces règles sont volontairement en fin de fichier pour l'emporter sur la base FORGE.
   Les variables d'origine sont réintroduites ci-dessous (valeurs d'origine, inchangées).
   NB : le rouge d'origine est #AF3838 (≠ #CC2828 FORGE). Pour tout unifier plus tard,
        il suffira de pointer --primary-red* vers --ds-r/--ds-rk/--ds-rl.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --primary-red:#AF3838; --primary-red-dark:#8B2C2C; --primary-red-light:#D14545; --primary-red-glow:rgba(175,56,56,.3);
  --dark-bg:rgba(15,15,20,.95); --dark-bg-light:rgba(25,25,35,.9); --dark-bg-lighter:rgba(35,35,45,.85);
  --text-primary:#E5E7EB; --text-secondary:#9CA3AF; --text-muted:#6B7280;
  --border-color:rgba(175,56,56,.2); --border-glow:rgba(175,56,56,.4);
}


/* Polices locales (licence SIL OFL 1.1, voir fonts/OFL.txt), jeu latin.
   Mêmes adresses que le préchargement du plugin (sans version), pour éviter un double téléchargement. */
@font-face{font-family:"DNR Display";src:url("/wp-content/plugins/dawnstar-design/assets/fonts/chakra-petch-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DNR Display";src:url("/wp-content/plugins/dawnstar-design/assets/fonts/chakra-petch-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"DNR Display";src:url("/wp-content/plugins/dawnstar-design/assets/fonts/chakra-petch-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"DNR Text";src:url("/wp-content/plugins/dawnstar-design/assets/fonts/ibm-plex-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:"DNR Text";src:url("/wp-content/plugins/dawnstar-design/assets/fonts/ibm-plex-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:optional}
@font-face{font-family:"DNR Text";src:url("/wp-content/plugins/dawnstar-design/assets/fonts/ibm-plex-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:optional}
@font-face{font-family:"DNR Mono";src:url("/wp-content/plugins/dawnstar-design/assets/fonts/ibm-plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DNR Mono";src:url("/wp-content/plugins/dawnstar-design/assets/fonts/ibm-plex-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
/* Texte courant (DNR Text) en font-display: optional : s'il n'est pas là au premier affichage, le repli ajusté reste
   pour ce chargement (aucun décalage, les paragraphes ne changent jamais de nombre de lignes) ; il sert depuis le cache
   ensuite. Titres et libellés en swap : leurs replis gardent la même mise en page (mesuré par tools/test_cls_polices.py). */
/* Replis locaux aux métriques ajustées (CLS) : pendant le chargement, Arial (Windows, macOS, iOS) ou Liberation
   (Linux) occupe la même place que nos polices ; aucun décalage quand elles arrivent. Calculés par tools/replis.py. */
@font-face{font-family:"DNR Text Repli";src:local("Arial"),local("ArialMT"),local("Liberation Sans");font-weight:400;font-style:normal;size-adjust:100.02%;ascent-override:102.48%;descent-override:27.49%;line-gap-override:0.00%; font-display:swap;}
@font-face{font-family:"DNR Text Repli";src:local("Arial"),local("ArialMT"),local("Liberation Sans");font-weight:500;font-style:normal;size-adjust:103.01%;ascent-override:99.50%;descent-override:26.70%;line-gap-override:0.00%; font-display:swap;}
@font-face{font-family:"DNR Text Repli";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold");font-weight:600;font-style:normal;size-adjust:96.50%;ascent-override:106.22%;descent-override:28.50%;line-gap-override:0.00%; font-display:swap;}
@font-face{font-family:"DNR Display Repli";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold");font-weight:500;font-style:normal;size-adjust:88.94%;ascent-override:111.54%;descent-override:34.63%;line-gap-override:0.00%; font-display:swap;}
@font-face{font-family:"DNR Display Repli";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold");font-weight:600;font-style:normal;size-adjust:91.26%;ascent-override:108.70%;descent-override:33.75%;line-gap-override:0.00%; font-display:swap;}
@font-face{font-family:"DNR Display Repli";src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold");font-weight:700;font-style:normal;size-adjust:94.16%;ascent-override:105.35%;descent-override:32.71%;line-gap-override:0.00%; font-display:swap;}
@font-face{font-family:"DNR Mono Repli";src:local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono");font-style:normal;ascent-override:102.50%;descent-override:27.50%;line-gap-override:0.00%; font-display:swap;}

/* Jetons du système « Transmission » (spec 4.1, 4.2 et 6). Seul bloc global du nouveau système avec les @font-face. */
:root{
  --dnr-bg:#070A0F;--dnr-bg2:#0B0F16;
  --dnr-ink:#F4F6FA;--dnr-txt:#D2DAE6;--dnr-txt2:#BCC7D8;--dnr-txt3:#AEBACB;--dnr-mut:#8391A6;
  --dnr-line:rgba(238,242,248,.12);--dnr-line2:rgba(238,242,248,.22);
  --dnr-red:#CC2828;--dnr-red-h:#E03838;--dnr-red-l:#FF6B5E;--dnr-ok:#31D07F;--dnr-gold:#E0A640;
  /* accent (plan 3, spec 5.1) : rouge par défaut, changé par data-dnr-ton (55-tons.css) ; triplets pour les transparences */
  --dnr-acc:#CC2828;--dnr-acc-l:#FF6B5E;--dnr-acc-rgb:204,40,40;--dnr-acc-m-rgb:232,69,60;--dnr-acc-l-rgb:255,107,94;
  --dnr-r1:#9AA7BA;--dnr-r2:#5FC4AE;--dnr-r3:#6F9BF5;--dnr-r4:#B48CF5;--dnr-r5:#E0A640;
  --dnr-disp:"DNR Display","Chakra Petch","DNR Display Repli","Segoe UI",sans-serif;
  --dnr-body:"DNR Text","IBM Plex Sans","DNR Text Repli","Segoe UI",Roboto,sans-serif;
  --dnr-mono:"DNR Mono","IBM Plex Mono","DNR Mono Repli",Consolas,"SF Mono",monospace;
  --dnr-gut:clamp(16px,4.5vw,64px);
  --dnr-t1:180ms;--dnr-t2:320ms;--dnr-t3:640ms;--dnr-t4:1100ms;
  --dnr-ease:cubic-bezier(.16,1,.3,1);--dnr-ease-io:cubic-bezier(.65,0,.35,1);--dnr-stagger:70ms;
}

/* En-tête du site (thème Hello Elementor) collé en haut de l'écran, v2.18.0 (demande de zygo du 9 oct. 2026) : remplace
   l'extension My Sticky Bar. Actif seulement avec html[data-dnr-entete] (réglage « Menu collé en haut »), sur tout le site.
   Sans script, l'en-tête colle à sa taille normale. Le petit script de pied de page ajoute html.dnr-colle dès qu'on descend
   (barre compacte : logo 44 px, fond sombre, filet rouge) et mesure les deux hauteurs (--dnr-hdr-h normale, --dnr-hdr-c
   compacte) : la marge basse rend la hauteur perdue, le contenu ne bouge jamais (aucun décalage de mise en page).
   Ni backdrop-filter, ni transform, ni filter sur l'en-tête : le panneau du menu mobile (position fixe) se placerait par
   rapport à l'en-tête au lieu de l'écran. z-index 9990 : devant le contenu, sous la barre d'administration et les fenêtres.
   Accueil (.dnr-page[data-dnr-page="accueil"], ouverture « rayon ») : l'en-tête est posé sur la photo, qui monte jusqu'en haut de l'écran, avec un léger voile.
   --dnr-top (sommaire collant, ancres) tient compte de la barre compacte. */
html[data-dnr-entete]{--dnr-top:calc(var(--wp-admin--admin-bar--height, 0px) + var(--dnr-hdr-c, 0px))}
html[data-dnr-entete] #site-header.site-header{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;transition:background-color .35s,box-shadow .35s}
html[data-dnr-entete] #site-header.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(204,40,40,.85) 20%,#FF5A4E 50%,rgba(204,40,40,.85) 80%,transparent);box-shadow:0 0 12px rgba(255,80,70,.5);transition:opacity .35s}
html[data-dnr-entete].dnr-colle #site-header.site-header{padding-block:8px;margin-bottom:calc(var(--dnr-hdr-h,0px) - var(--dnr-hdr-c,0px));background:rgba(8,11,16,.94);box-shadow:0 10px 30px rgba(0,0,0,.45)}
html[data-dnr-entete].dnr-colle #site-header.site-header::after{opacity:1}
html[data-dnr-entete].dnr-colle #site-header .header-inner{flex-wrap:nowrap;align-items:center;height:auto;min-height:44px}
html[data-dnr-entete].dnr-colle #site-header :is(.site-branding,.site-logo,.custom-logo-link){height:auto}
html[data-dnr-entete].dnr-colle #site-header .site-navigation{flex:1 1 auto;min-width:0;height:auto;justify-content:flex-end}
html[data-dnr-entete].dnr-colle #site-header .custom-logo{width:44px;height:44px}
html[data-dnr-entete] .dnr-hdr-mesure,html[data-dnr-entete] .dnr-hdr-mesure *{transition:none!important}
html[data-dnr-entete]:has(.dnr-page[data-dnr-page="accueil"]) #site-header.site-header{position:fixed;left:0;right:0;margin-bottom:0;background:linear-gradient(180deg,rgba(5,7,11,.7),rgba(5,7,11,.25) 65%,rgba(5,7,11,0))}
html[data-dnr-entete].dnr-colle:has(.dnr-page[data-dnr-page="accueil"]) #site-header.site-header{background:rgba(8,11,16,.94)}
html[data-dnr-entete] .elementor-element:has(.dnr-page[data-dnr-page="accueil"]){padding-top:0}
/* v2.18.1 : le logo change de taille en douceur (demande de zygo) : la mise en page change d'un coup (aucun décalage), le logo
   part de son ancienne taille par une animation de transform seulement (100 px vers 44 px et retour), classes posées par le
   script le temps du changement (dnr-hdr-in en descendant, dnr-hdr-out en revenant en haut). */
html[data-dnr-entete] #site-header .custom-logo{transform-origin:0 0}
@media (prefers-reduced-motion:no-preference){
  html[data-dnr-entete].dnr-hdr-in #site-header .custom-logo{animation:dnr-logo-in .5s cubic-bezier(.16,1,.3,1)}
  html[data-dnr-entete].dnr-hdr-out #site-header .custom-logo{animation:dnr-logo-out .5s cubic-bezier(.16,1,.3,1)}
}
@keyframes dnr-logo-in{from{transform:translateY(8px) scale(2.2727)}}
@keyframes dnr-logo-out{from{transform:translateY(-8px) scale(.44)}}
@media (max-width:600px){
  html[data-dnr-entete]{--dnr-top:var(--dnr-hdr-c, 0px)}
  html[data-dnr-entete].dnr-colle #site-header.site-header{top:0}
}