/* ============================================================
   SVES – Nav layout
   Desktop: top-header (logo + utility links) above main-nav (menu only)
   Mobile:  top-header hidden | main-nav shows logo LEFT + hamburger RIGHT
   ============================================================ */

/* ════════════════════════════════════════════════════════════
   DESKTOP (> 900px)
   top-header  : logo + utility links
   main-nav    : primary menu only (no logo inside)
   ════════════════════════════════════════════════════════════ */

/* Hide the in-nav logo on desktop — top-header already has the logo */
.nav-logo-wrap { display: none; }

/* Nav links fill the bar from left edge (no logo competing) */
.main-nav-inner {
  display: flex;
  align-items: center;
  height: 68px;
  overflow: visible;
  position: relative;
  justify-content: flex-start;
}
#navLinks,
ul.nav-links {
  margin-left: 0;
  flex: 1;
}

/* ════════════════════════════════════════════════════════════
   MOBILE (≤ 900px)
   top-header  : HIDDEN (logo shown inside main-nav instead)
   main-nav    : logo LEFT + hamburger RIGHT
   ════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {

  /* Hide the utility top bar completely on mobile */
  .top-header { display: none; }

  /* Show the in-nav logo on mobile */
  .nav-logo-wrap {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    order: 1;
  }
  .nav-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    line-height: 1;
  }
  .nav-logo-link img {
    height: 36px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    display: block;
    filter: brightness(0) invert(1);
  }
  .nav-logo-text {
    font-size: 15px;
    font-weight: 700;
    color: var(--white);
    white-space: nowrap;
  }

  /* Main nav bar: logo left, hamburger right */
  .main-nav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 56px !important;
    overflow: hidden;
    padding: 0 4px;
  }

  /* Hamburger: order 2, pushed to right by space-between */
  .hamburger {
    order: 2;
    flex-shrink: 0;
    margin-right: 0;
    margin-left: auto;  /* extra safety: push right */
  }

  /* Dropdown menu: full-width below bar */
  #navLinks,
  ul.nav-links {
    order: 3;
    margin-left: 0;
    flex: unset;
  }
}

/* ════════════════════════════════════════════════════════════
   DESKTOP nav layout: menu items hard-right
   ════════════════════════════════════════════════════════════ */
@media (min-width: 901px) {
  .main-nav-inner {
    justify-content: flex-end;
  }
  #navLinks,
  ul.nav-links {
    margin-left: 0;
  }
}

/* ════════════════════════════════════════════════════════════
   FOOTER LOGO — no compression, original colours
   ════════════════════════════════════════════════════════════ */
.ft-logo-link img,
.ft-logo-link .custom-logo,
.ft-logo-img {
  height: auto !important;
  max-height: 80px !important;
  max-width: 200px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: none !important;
  display: block;
}

/* Footer strip logos — original colours */
.ft-logo-strip-item img,
.ft-strip-logo-img {
  filter: none !important;
  opacity: 1 !important;
}

/* Thoughtfully Created link */
.footer-credit a {
  color: inherit;
  text-decoration: none;
  transition: color .18s;
}
.footer-credit a:hover { color: rgba(255,255,255,.85); }