/* Menu à trois traits des pages statiques du site (annuaire, trouve-ton-pro,
   logiciel-club-affaires, fiches pros générées par scripts/build-pros.mjs).
   Même règle que l'accueil React (src/marketing/premium/Nav.jsx) :
   - sous 1024 px, les onglets disparaissent, seul le bouton ☰ reste ;
   - sous 768 px, « Se connecter » et « Démo » passent aussi dans le menu.
   Le panneau est construit par /media/site-menu.js à partir des onglets. */

.site-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-8px;padding:0;background:none;border:0;border-radius:12px;color:#fff;cursor:pointer;transition:color .3s}
.site-burger svg{width:26px;height:26px}
.site-burger:focus-visible{outline:2px solid #F06D16;outline-offset:2px}
.site-header.solid .site-burger{color:#101A2E}

@media (max-width:1023.98px){
  .site-burger{display:inline-flex}
  .header-nav,.top nav{display:none!important}
}
@media (max-width:767.98px){
  .header-actions .btn,.header-login,.top-actions .login,.top-actions .demo{display:none!important}
}

.site-menu{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#070C2B;color:#fff;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;overflow-y:auto;overscroll-behavior:contain}
.site-menu.open{opacity:1;visibility:visible;transition:opacity .25s ease}
.site-menu-top{display:flex;justify-content:flex-end;padding:10px 16px 0}
.site-menu-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:0;border-radius:12px;color:#fff;cursor:pointer}
.site-menu-close svg{width:26px;height:26px}
.site-menu-close:focus-visible,.site-menu a:focus-visible{outline:2px solid #F06D16;outline-offset:3px}
.site-menu-links{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:22px 32px 24px}
.site-menu-links a{padding:11px 0;font-family:"Bricolage Grotesque","Sora",system-ui,sans-serif;font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.01em;color:#fff;text-decoration:none;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease,color .2s}
.site-menu.open .site-menu-links a{opacity:1;transform:none}
.site-menu-links a[aria-current="page"]{color:#F06D16}
.site-menu-links a:hover{color:#FF8A3D}
.site-menu-actions{display:flex;flex-direction:column;gap:12px;padding:24px 32px 44px;border-top:1px solid rgba(255,255,255,.1)}
.site-menu-actions a{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:100px;font-family:"Inter",system-ui,sans-serif;font-size:16px;font-weight:600;color:#fff;text-decoration:none;transition:background .2s}
.site-menu-login{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05)}
.site-menu-login:hover{background:rgba(255,255,255,.1)}
.site-menu-demo{background:#F06D16}
.site-menu-demo:hover{background:#FF8A3D}
@media (min-width:1024px){.site-menu{display:none}}
@media (prefers-reduced-motion:reduce){.site-menu,.site-menu-links a{transition:none}}