/* navbar-fullwidth.css
   Makes the navbar a flush, full-width bar and removes the scroll show/hide animation.
   Loaded on every page. Overrides the floating-pill look (.nav-bar_container) and the
   IX2 scroll transform on .nav-bar. */

/* Remove the scroll show/hide animation: IX2 applies an inline transform to .nav-bar,
   and there's a transition on it. Force it static and always visible. */
.nav-bar {
  transform: none !important;
  transition: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Let the bar span edge to edge (remove the 20px side gutters around the pill) */
.nav-bar .padding-global {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Turn the floating pill into a flat full-width bar */
.nav-bar_container {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid #e4e4e7;
  padding: 12px 40px !important;
}

/* The mega-menu's fixed `top` was tuned for the old taller floating pill (6.375rem);
   the flat bar is ~76px, so pin the dropdown flush beneath it on desktop. */
@media screen and (min-width: 992px) {
  .n-nav_dropdown-navigation.w-dropdown-list.w--open,
  .nav_dropdown-navigation.w-dropdown-list.w--open {
    top: 4.75rem !important;
  }

  /* Remove the collapse-on-scroll animation on the logo wordmark and the "Book a Call"
     text: IX2 animates their width to 0 on scroll. Pin them to natural width, no transition,
     so they never shrink to icon-only. (On item pages the wordmark box is empty, so auto
     width collapses the leftover gap.) */
  .nav-collapsible,
  .nav-btn-text {
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    opacity: 1 !important;      /* hard-pin visible: beats any inline opacity the GSAP scroll anim sets */
    transition: none !important;
  }
}