/* ATC — En-tête « premium » : logo + mot-symbole à gauche, menu à soulignement animé, CTA rouge, barre verre qui se compacte au scroll.
   Pour revenir à l'ancien rendu : retirer le <link> atc-header.css de header.php. */

/* ── Barre du haut : plus fine, plus lisible ───────────── */
body .topbar { font-size:.78rem; }
body .topbar .inner { padding-top:7px; padding-bottom:7px; }
body .topbar .infos span { letter-spacing:.02em; }
body .topbar .btn-alerter { padding:6px 15px; font-size:.74rem; letter-spacing:.04em; animation:atcPulse 2.8s ease-out infinite; }
@keyframes atcPulse { 0%{ box-shadow:0 0 0 0 rgba(185,47,41,.55) } 70%{ box-shadow:0 0 0 12px rgba(185,47,41,0) } 100%{ box-shadow:0 0 0 0 rgba(185,47,41,0) } }
@media (prefers-reduced-motion:reduce){ body .topbar .btn-alerter { animation:none; } }

/* ── Barre de navigation ───────────────────────────────── */
body .navbar {
    background:rgba(255,255,255,.88); -webkit-backdrop-filter:saturate(180%) blur(18px); backdrop-filter:saturate(180%) blur(18px);
    border-bottom:0; box-shadow:0 1px 0 rgba(1,24,117,.08);
    transition:background .35s, box-shadow .35s; }
body .navbar::after { /* filet tricolore */
    content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
    background:linear-gradient(90deg,#011875 0 30%,#B92F29 30% 62%,#FFCC00 62% 82%,#006B3F 82% 100%); opacity:.95; }
body .navbar.scrolled { background:rgba(255,255,255,.96); box-shadow:0 12px 34px rgba(1,24,117,.16); }
body .navbar .inner { justify-content:flex-start; gap:26px; padding-top:12px; padding-bottom:15px; transition:padding .35s; }
body .navbar.scrolled .inner { padding-top:6px; padding-bottom:9px; }

/* Logo à gauche + mot-symbole */
body .navbar .nav-center { order:0; flex:none; }
body .navbar .nav-center a { gap:13px; }
body .navbar .logo-img { height:60px; transition:height .35s; }
body .navbar.scrolled .logo-img { height:46px; }
.brand-text { display:flex; flex-direction:column; line-height:1.05; padding-left:13px; border-left:2px solid rgba(185,47,41,.35); }
.brand-text b { font:900 1.45rem/1 'Playfair Display',serif; letter-spacing:.04em; color:#011875; }
.brand-text small { margin-top:5px; font:700 .62rem/1.25 'Kumbh Sans',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#B92F29; max-width:170px; }

/* Menu groupé à droite : gauche + droite se suivent */
body .navbar .nav-left { order:1; margin-left:auto; }
body .navbar .nav-right { order:2; }
body .navbar .nav-links { gap:2px; }
body .navbar .nav-links > li > a:not(.btn-nav-cta) {
    position:relative; background:none !important; border-radius:0; padding:12px 14px; color:#011875; font-size:.8rem; letter-spacing:.07em; }
body .navbar .nav-links > li > a:not(.btn-nav-cta)::after {
    content:""; position:absolute; left:14px; right:14px; bottom:4px; height:3px; border-radius:3px; background:linear-gradient(90deg,#B92F29,#FFCC00);
    transform:scaleX(0); transform-origin:left; transition:transform .35s cubic-bezier(.2,.8,.2,1); }
body .navbar .nav-links > li > a:not(.btn-nav-cta):hover, body .navbar .nav-links > li:hover > a:not(.btn-nav-cta), body .navbar .nav-links > li > a.active { color:#B92F29; }
body .navbar .nav-links > li > a:not(.btn-nav-cta):hover::after, body .navbar .nav-links > li:hover > a:not(.btn-nav-cta)::after, body .navbar .nav-links > li > a.active::after { transform:scaleX(1); }

/* Menus déroulants */
body .navbar .dropdown-panel { top:calc(100% + 4px); left:50%; transform:translate(-50%,12px); border:0; border-radius:18px; padding:12px; min-width:240px;
    box-shadow:0 30px 70px rgba(1,24,117,.22), 0 0 0 1px rgba(1,24,117,.06); }
body .navbar .nav-links > li:hover .dropdown-panel { transform:translate(-50%,0); }
body .navbar .dropdown-panel::before { content:""; position:absolute; top:-6px; left:50%; width:14px; height:14px; background:#fff; transform:translateX(-50%) rotate(45deg); border-radius:3px 0 0 0; box-shadow:-2px -2px 4px rgba(1,24,117,.05); }
body .navbar .dropdown-panel li a { border-radius:12px; padding:12px 16px; letter-spacing:.04em; }
body .navbar .dropdown-panel li a:hover { background:rgba(185,47,41,.07); padding-left:22px; }

/* Bouton Adhérer */
body .navbar .btn-nav-cta {
    margin-left:14px; padding:12px 26px !important; background:linear-gradient(135deg,#B92F29,#8f1f1a) !important;
    box-shadow:0 8px 22px rgba(185,47,41,.38) !important; letter-spacing:.07em; position:relative; overflow:hidden; }
body .navbar .btn-nav-cta::before { content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent); transform:skewX(-20deg); transition:left .7s; }
body .navbar .btn-nav-cta:hover::before { left:140%; }
body .navbar .btn-nav-cta:hover { background:linear-gradient(135deg,#d23a33,#B92F29) !important; box-shadow:0 14px 30px rgba(185,47,41,.5) !important; }

/* Hamburger & menu mobile */
body .navbar .hamburger { margin-left:auto; width:46px; height:46px; background:#011875; color:#fff; border-radius:14px; box-shadow:0 8px 20px rgba(1,24,117,.3); }
body .navbar .hamburger:hover, body .navbar .hamburger[aria-expanded="true"] { background:#B92F29; color:#fff; }
body .mobile-nav { background:#fff; border-radius:0 0 22px 22px; box-shadow:0 30px 60px rgba(1,24,117,.2); }

@media (max-width:1180px){ .brand-text small { display:none; } body .navbar .nav-links > li > a:not(.btn-nav-cta) { padding:12px 9px; font-size:.74rem; } }
@media (max-width:992px){
    body .navbar .inner { padding-top:10px; padding-bottom:12px; }
    body .navbar .logo-img { height:50px; }
    .brand-text small { display:block; font-size:.55rem; max-width:150px; }
}
@media (max-width:420px){ .brand-text small { display:none; } .brand-text b { font-size:1.25rem; } body .navbar .logo-img { height:42px; } }
body .navbar .nav-right { margin-left:-18px; }