/* Suarez Global shared responsive header v2 (Oct 12, 2026).
 * Full nav + Book a Meeting stay on one line and shrink fluidly (clamp) down to
 * --sg-bp; below that (or if JS detects a real overflow) it collapses to a
 * right-side drawer. Behavior lives in /sg-header.js. */
#navbar{display:flex;align-items:center;justify-content:space-between;padding:clamp(.7rem,1.3vw,1.4rem) clamp(14px,3.4vw - 12px,64px)!important;gap:clamp(10px,1.6vw - 2px,40px);flex-wrap:nowrap;box-sizing:border-box}
#navbar.scrolled{padding-top:clamp(.6rem,.9vw,.85rem)!important;padding-bottom:clamp(.6rem,.9vw,.85rem)!important}
#navbar .logo{font-size:clamp(12px,.45vw + 8.6px,16px);letter-spacing:clamp(1px,.32vw - 1.4px,3.5px);white-space:nowrap;flex:0 0 auto}
#navbar .nav-links{display:flex;align-items:center;gap:clamp(10px,2.2vw - 6.7px,40px);flex-wrap:nowrap;margin:0;padding:0;list-style:none;min-width:0}
#navbar .nav-links a{font-size:clamp(11px,.22vw + 9.3px,12px);letter-spacing:clamp(.4px,.29vw - 1.8px,2.2px);white-space:nowrap}
#navbar .nav-cta{font-size:clamp(11px,.22vw + 9.3px,12px);letter-spacing:clamp(.4px,.25vw - 1.5px,2px);padding:clamp(7px,.5vw + 3px,11px) clamp(10px,1.6vw - 2px,26px);white-space:nowrap;flex:0 0 auto}
#navbar .mob-book,#navbar .sg-drawer-head{display:none}
#navbar .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;width:44px;height:44px;padding:0;align-items:center;justify-content:center;flex:0 0 auto}
#navbar .hamburger span{display:block;width:24px;height:2px;background:var(--gold,#c9a84c)}
.sg-overlay{position:fixed;inset:0;background:rgba(4,12,6,.6);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:998}
.sg-overlay.on{opacity:1;pointer-events:auto}
html.sg-lock,html.sg-lock body{overflow:hidden!important}
@media (max-width:679px){
  #navbar.sg-has-menu .nav-cta{display:none!important}
  #navbar.sg-has-menu .hamburger{display:flex!important}
  #mobile-menu{display:none!important}
}
#navbar.sg-collapsed .nav-cta{display:none!important}
#navbar.sg-collapsed .hamburger{display:flex!important}
/* drawer */
#navbar.sg-drawer .nav-links{display:flex!important;flex-direction:column;align-items:flex-start;position:fixed;top:0;right:0;bottom:0;left:auto;width:min(340px,86vw);height:100dvh;overflow-y:auto;background:#0f2312;padding:1.2rem 1.6rem 2rem;gap:1.35rem;border-left:1px solid rgba(201,168,76,.25);box-shadow:-20px 0 50px rgba(0,0,0,.45);z-index:999;transform:translateX(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s}
#navbar.sg-drawer .nav-links.open{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
#navbar.sg-drawer .nav-links a{font-size:.9rem;letter-spacing:.16em}
#navbar.sg-drawer .sg-drawer-head{display:flex;justify-content:flex-end;width:100%;list-style:none}
#navbar .sg-close{background:none;border:1px solid rgba(201,168,76,.35);color:var(--gold,#c9a84c);width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
#navbar.sg-drawer .mob-book{display:list-item;list-style:none;order:99;margin-top:.5rem}
#navbar.sg-drawer .mob-book a{display:inline-block;background:var(--gold,#c9a84c);color:#0d1f0f;padding:.8rem 1.4rem;border-radius:10px}
#navbar>a{white-space:nowrap;min-width:0}
/* full-row mode wins over older page-level breakpoints */
#navbar.sg-has-menu:not(.sg-collapsed) .nav-links{display:flex!important;position:static!important;flex-direction:row!important;background:none!important;padding:0!important;box-shadow:none!important;border:0!important;transform:none!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
#navbar.sg-has-menu:not(.sg-collapsed) .nav-cta{display:inline-block!important}
#navbar.sg-has-menu:not(.sg-collapsed) .hamburger{display:none!important}
#navbar.sg-has-menu:not(.sg-drawer) .mob-book,#navbar.sg-has-menu:not(.sg-drawer) .sg-drawer-head{display:none!important}
#navbar.sg-has-menu:not(.sg-collapsed)~#mobile-menu,#navbar.sg-has-menu~#mobile-menu{display:none!important}
html.sg-lock #navbar{z-index:1000!important}