/* Unified site header. Extracted from the homepage-only stylesheet so every page
   renders the same header: same brand size, nav metrics, search button and sticky behaviour. */
/* Compact header matching the reference. */
.govbar{min-height:30px;background:#052744;font-size:10px;padding:0}
.govbar-inner{height:30px;min-height:30px;width:84%;max-width:1220px}
.govbar-inner>div{gap:18px}
.header-accent{display:none}
.nav-wrap{width:84%;max-width:1220px;min-height:84px;gap:24px}
.brand{width:250px;flex:none;display:flex;align-items:center;gap:10px}
.brand img{width:90px;height:63px;object-fit:contain}
.brand:after{content:'DEPARTMENT OF COMMERCE\A SAINT LUCIA';white-space:pre;line-height:1.6;font-size:10px;letter-spacing:.7px;font-weight:700;color:#113d65}
.nav{gap:20px}
.nav a,.nav-dropdown-toggle,.nav-search{font-size:12px;min-height:42px;padding:8px 0}
.nav-service-link{background:#ffce49!important;color:#153753!important;padding:12px 16px!important;font-size:11px!important;border:0!important}
.nav-dropdown-toggle span{font-size:12px}
.nav-mobile-head{display:none}
@media(max-width:1150px){.nav{gap:12px}.brand{width:200px}.brand:after{font-size:8px}.brand img{width:70px}.nav a,.nav-dropdown-toggle{font-size:11px}}
@media(max-width:900px){.nav-wrap{min-height:80px}.brand{width:240px}.brand:after{font-size:10px}.menu-toggle{display:flex}.nav-mobile-head{display:flex}.nav{gap:0}.nav a,.nav-dropdown-toggle{font-size:15px;padding:15px}}
@media(max-width:600px){.nav-wrap,.govbar-inner{width:90%}.govbar-inner{height:27px;font-size:8px}.govbar-inner>div{display:none}.nav-wrap{min-height:72px}.brand img{width:70px;height:52px}.brand:after{font-size:8px}.brand{width:220px}.menu-toggle{font-size:12px;padding:10px;min-height:40px}}
/* Header brand refinement requested from the live homepage. */
.nav-wrap{min-height:102px}
.brand{width:190px;flex:none;gap:0}
.brand:after{display:none!important;content:none!important}
.brand img{width:185px;height:92px;object-fit:contain}
@media(max-width:1150px){.brand{width:155px}.brand img{width:150px;height:82px}}
@media(max-width:900px){.nav-wrap{min-height:100px}.brand{width:180px}.brand img{width:175px;height:88px}.brand:after{display:none!important}}
@media(max-width:600px){.nav-wrap{min-height:104px}.brand{width:195px}.brand img{width:190px;height:94px}.brand:after{display:none!important}}

/* Social channels in the top bar, mirroring the footer set. */
.govbar-social{display:flex;align-items:center;gap:3px;padding:0 0 0 15px!important}
.govbar-inner>div .govbar-social a{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0!important;border-left:0!important;border-radius:50%;font-size:11px;line-height:1;color:#cfe0f0;transition:background .2s ease,color .2s ease}
.govbar-inner>div .govbar-social a:hover,.govbar-inner>div .govbar-social a:focus{background:rgba(255,255,255,.14);color:#ffd34e}
/* The contact strip is hidden on small screens; keep the social icons visible. */
@media(max-width:620px){.govbar{display:block!important}.govbar-inner{height:30px;min-height:30px;justify-content:center!important}.govbar-inner>span{display:none}.govbar-inner>div{display:flex!important}.govbar-inner>div>*:not(.govbar-social){display:none}.govbar-social{padding-left:0!important;gap:6px}}

/* Small phones (320-380px): the 195px logo plus the Menu button were wider than the header,
   pushing the button off-screen. Scale both down so they fit. */
@media (max-width: 380px) {
  .brand { width: 150px; }
  .brand img { width: 148px; height: 74px; }
  .nav-wrap { min-height: 88px; }
  .menu-toggle { gap: 8px; padding: 0 10px; min-height: 42px; }
}