/* Systems On Site deploy fixes - repaired from uploaded ZIP
   Header is intentionally kept compact and consistent across pages.
   Corner logo uses assets/sos-logo-blue-crop.png.
*/

:root {
  --sos-header-blue: #001936;
}

/* One consistent header color */
.topbar,
.site-header,
.header,
header,
.navbar {
  background: var(--sos-header-blue) !important;
}

/* Keep nav compact; do not stretch menu items across the bar */
.wrap.nav,
.nav {
  min-height: 106px !important;
  padding: 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 28px !important;
  flex-direction: row !important;
}

/* Fixed logo anchor so it does not shift from page to page */
.logo.brand-anchor,
.logo,
.brand-anchor {
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 300px !important;
  max-width: 300px !important;
  height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  background: transparent !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Header logo: use the uploaded blue crop asset without distortion */
.logo.brand-anchor img,
.logo img,
.header-logo-img,
img[src*="sos-logo-blue-crop.png"] {
  height: 98px !important;
  max-height: 98px !important;
  width: auto !important;
  max-width: 300px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  margin: 0 !important;
}

/* Compact top navigation */
.navlinks {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  width: auto !important;
  flex: 1 1 auto !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

.navlinks a,
.navitem > a {
  display: inline-flex !important;
  align-items: center !important;
  color: #e9eef6 !important;
  text-decoration: none !important;
  padding: 8px 2px !important;
}

.navlinks a:hover,
.navitem > a:hover {
  color: #ffffff !important;
}

.navitem {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* eliminate flyout/dropdown behavior */
.flyout,
.mega-menu,
.dropdown,
.submenu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Responsive header */
@media (max-width: 950px) {
  .wrap.nav,
  .nav {
    min-height: auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 10px 0 !important;
  }

  .logo.brand-anchor,
  .logo,
  .brand-anchor {
    flex: 0 0 auto !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: 84px !important;
  }

  .logo.brand-anchor img,
  .logo img,
  .header-logo-img,
  img[src*="sos-logo-blue-crop.png"] {
    height: 82px !important;
    max-height: 82px !important;
    max-width: 260px !important;
  }

  .navlinks {
    flex-wrap: wrap !important;
    gap: 12px 16px !important;
    white-space: normal !important;
    width: 100% !important;
  }
}

/* standardized buttons */
.btn,.btn-primary,.cta-button,a.button{
background:#DCEAF8 !important;
border:1px solid #BFD7F2 !important;
color:#011936 !important;
border-radius:8px !important;
}
.btn:hover,.btn-primary:hover,.cta-button:hover,a.button:hover{
background:#CFE2F5 !important;
border-color:#7AA7D8 !important;
}