/* BOUCHMAL Navigation v3. Standalone selectors avoid inherited .mobile-nav rules.
   Menu is hidden in HTML by default; JS only controls the [hidden] attribute. */
.v3-header,.v3-header *{box-sizing:border-box}
.v3-header{position:sticky;top:0;z-index:1000;width:100%;background:#080c10;border-bottom:1px solid rgba(255,255,255,.13);isolation:isolate}
.admin-bar .v3-header{top:32px}
.v3-header .v3-header-inner{height:78px;display:flex;align-items:center;gap:clamp(15px,2.2vw,34px);width:100%;min-width:0}
.v3-header .v3-brand{display:inline-flex;align-items:center;gap:13px;min-width:0;flex:0 0 auto;color:#f3f5f7;text-decoration:none}
.v3-header .v3-brand-mark{flex:none;color:#e58b72;width:32px;height:32px}
.v3-header .v3-brand-name{display:flex;flex-direction:column;gap:3px;line-height:1}
.v3-header .v3-brand-name strong{font-size:19px;letter-spacing:.06em;line-height:1.05;font-weight:800;white-space:nowrap}
.v3-header .v3-brand-name small{font-size:9px;letter-spacing:.28em;line-height:1;font-weight:650;color:#9ba5af}
.v3-header .v3-navigation{display:flex;align-items:center;gap:clamp(12px,1.65vw,28px);margin-left:auto;min-width:0;white-space:nowrap}
.v3-header .v3-navigation a{display:inline-flex;align-items:center;min-height:45px;font-size:12px;letter-spacing:.025em;font-weight:600;color:#d6dce1;text-decoration:none;transition:color .17s}
.v3-header .v3-navigation a:hover,.v3-header .v3-navigation a[aria-current="page"]{color:#ef9e83}
.v3-header .v3-contact{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:20px;padding:12px 16px;background:#f0f2f2;border:1px solid #f0f2f2;border-radius:3px;color:#101519;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap;transition:background .2s}
.v3-header .v3-contact:hover{background:#f0ad94;border-color:#f0ad94}
.v3-header .v3-menu-toggle{display:none;flex:none;align-items:center;justify-content:center;gap:11px;min-width:98px;min-height:43px;margin-left:auto;background:#171e24;border:1px solid #57616a;border-radius:3px;padding:10px 14px;color:#f3f5f5;font:700 12px/1 system-ui,sans-serif;letter-spacing:.02em;cursor:pointer}
.v3-header .v3-menu-toggle:hover,.v3-header .v3-menu-toggle[aria-expanded="true"]{border-color:#eda18d;background:#27323a}
.v3-header .v3-menu-panel[hidden]{display:none!important;visibility:hidden!important}
.v3-header .v3-menu-panel{position:absolute;left:0;right:0;top:100%;display:block;padding:24px 0 34px;background:#101920;box-shadow:0 24px 40px #000a;border-bottom:1px solid #56636b;max-height:calc(100dvh - 78px);overflow-y:auto}
.v3-header .v3-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.v3-header .v3-menu-grid a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;border-bottom:1px solid #36434c;text-decoration:none;color:#edf1f2;font:650 clamp(16px,2.3vw,22px)/1.2 system-ui,sans-serif;padding:14px 0}
.v3-header .v3-menu-grid a span{color:#df9b88;font:650 11px ui-monospace,monospace}
.v3-header .v3-menu-grid a:hover{color:#f0ad98}
.v3-header a:focus-visible,.v3-header button:focus-visible{outline:2px solid #f4a88f;outline-offset:3px}
@media(max-width:1220px){
 .v3-header .v3-navigation,.v3-header .v3-contact{display:none!important}
 .v3-header .v3-menu-toggle{display:inline-flex!important}
}
@media(max-width:767px){
 .admin-bar .v3-header{top:46px}
 .v3-header .v3-header-inner{height:68px}
 .v3-header .v3-brand-mark{height:28px;width:28px}
 .v3-header .v3-brand-name strong{font-size:16px}
 .v3-header .v3-brand-name small{font-size:8px}
 .v3-header .v3-menu-grid{grid-template-columns:1fr}
 .v3-header .v3-menu-grid a{min-height:57px}
 .v3-header .v3-menu-panel{max-height:calc(100dvh - 68px);padding:12px 0 26px}
}
@media(max-width:360px){
 .v3-header .v3-header-inner{gap:8px}
 .v3-header .v3-menu-toggle{min-width:80px;padding:9px 10px}
 .v3-header .v3-brand-name strong{font-size:15px}
}
