/* ========================================================================== */
/* CAREER PAGE HEADER RESPONSIVE — career.html ONLY (981px–1340px band)        */
/* User spec (2026-06-10): 980–1340 → topbar social icons ONLY; hide straddle   */
/* logo; single-line nav (no 4/5 straddle gap). Offsets → hamburger file.        */
/* ========================================================================== */

/* ---- 981–1340: topbar = social row only (hide address / phones / email) ---- */
@media (min-width: 981px) and (max-width: 1340px) {
  html[data-career-page] body .header__top.topbar-v3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html[data-career-page] body .header__top.topbar-v3 .topbar-v3__left,
  html[data-career-page] body .header__top.topbar-v3 .topbar-v3__right {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
  }

  html[data-career-page] body .header__top.topbar-v3 .header__wrapper.topbar-v3__row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
  }

  html[data-career-page] body .header__top.topbar-v3 .topbar-v3__social.social__icon {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: clamp(4px, 1.2vw, 8px) !important;
    z-index: 8 !important;
  }

  html[data-career-page] body .header__top.topbar-v3 .topbar-v3__social > li {
    transform: none !important;
    flex-shrink: 0 !important;
  }
}

/* ---- 981–1340: hide center straddle logo — frees nav spacing ---- */
@media (min-width: 981px) and (max-width: 1340px) {
  html[data-career-page] body .header-section .straddle-logo,
  html[data-career-page] body .header-section.header__one .straddle-logo,
  html[data-career-page] body .header-section.sticky-header.header__one .straddle-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
  }

  html[data-career-page] body .header-wrapper .main__logo {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Shared nav selector — beats mobile-functions.css .main-menu li { width:100% } */
html[data-career-page] body .header-section .header-wrapper .logo__menuadjust .main-menu > li {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  border-bottom: none !important;
}

/* ---- Desktop nav restore (981px+) — cancel mobile-functions ≤991 menu stack ---- */
@media (min-width: 981px) {
  html[data-career-page] body .header-section .main-nav,
  html[data-career-page] body .header-wrapper .main-nav {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: relative !important;
    width: 100% !important;
  }

  html[data-career-page] body .header-section .main-menu,
  html[data-career-page] body .header-wrapper .main-menu,
  html[data-career-page] body .header-section .main-menu:not(.active),
  html[data-career-page] body .header-wrapper .main-menu:not(.active) {
    position: relative !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    margin: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
    transform: none !important;
    transition: none !important;
    z-index: 1 !important;
  }

  html[data-career-page] body .header-section .main-menu > li > a,
  html[data-career-page] body .header-section .main-menu > li > .nav-item {
    display: inline-flex !important;
    padding: 8px 14px !important;
  }
}

/* ---- Cancel responsive.css ≤1199 header row (981–1199) ---- */
@media (min-width: 981px) and (max-width: 1199px) {
  html[data-career-page] body div.header-wrapper,
  html[data-career-page] body .header-section .header-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-career-page] body .header-section .main__logo .logo__menuadjust,
  html[data-career-page] body .main__logo .logo__menuadjust,
  html[data-career-page] body .header-wrapper .logo__menuadjust {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-grow: 1 !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    grid-template-columns: none !important;
  }

  html[data-career-page] body .header-wrapper .logo__menuadjust .main-nav {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html[data-career-page] body .header-wrapper .logo__menuadjust .main-menu {
    gap: 6px !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html[data-career-page] body .header-wrapper .logo__menuadjust .main-menu > li:nth-child(3) {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  /* Cancel responsive.css margin-left:auto on item 4 only — keep straddle margins */
  html[data-career-page] body .header-wrapper .logo__menuadjust .main-menu > li:nth-child(4) {
    margin-left: 0 !important;
  }

  html[data-career-page] body .header-wrapper .logo__menuadjust .main-menu > li > a,
  html[data-career-page] body .header-wrapper .logo__menuadjust .main-menu > li > .nav-item {
    margin-right: 0 !important;
    padding: 8px 9px !important;
    font-size: 14px !important;
  }

  html[data-career-page] body .header-section .menu__components,
  html[data-career-page] body .header-wrapper .menu__components {
    flex: 0 0 auto !important;
    min-width: fit-content !important;
    display: flex !important;
    visibility: visible !important;
    margin-left: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  html[data-career-page] body .header-section .container {
    max-width: 1320px !important;
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    --bs-gutter-x: 1.5rem !important;
  }
}

/* ---- Cancel responsive.css 992–1199 grid / negative margin bleed ---- */
@media (min-width: 992px) and (max-width: 1199px) {
  html[data-career-page] .header-section .container {
    max-width: 1320px !important;
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    --bs-gutter-x: 1.5rem !important;
  }

  html[data-career-page] .header-wrapper {
    gap: 12px !important;
    padding-right: 0 !important;
  }

  html[data-career-page] .logo__menuadjust {
    display: flex !important;
    grid-template-columns: none !important;
  }

  html[data-career-page] .logo__menuadjust .main-nav {
    grid-column: auto !important;
  }

  html[data-career-page] .logo__menuadjust .main-menu {
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html[data-career-page] .logo__menuadjust .main-menu > li:nth-child(4) {
    margin-left: 0 !important;
  }
}

/* ---- 981–1340: no logo straddle gap — single continuous nav row ---- */
@media (min-width: 981px) and (max-width: 1340px) {
  html[data-career-page] body .header-section .header-wrapper .logo__menuadjust .main-menu > li:nth-child(3),
  html[data-career-page] body .header-section .header-wrapper .logo__menuadjust .main-menu > li:nth-child(4),
  html[data-career-page] body .header-section .header-wrapper .logo__menuadjust .main-menu > li:nth-child(5) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /*
   * Flow layout: shrink-wrap nav, hamburger immediately after Contact.
   * logo__menuadjust must NOT flex-grow (preloader-kill / glass set grow:1).
   */
  html[data-career-page] body .header-section .header-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
  }

  html[data-career-page] body .header-section .header-wrapper .logo__menuadjust {
    flex: 0 1 auto !important;
    flex-grow: 0 !important;
    width: auto !important;
    max-width: calc(100% - 56px) !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html[data-career-page] body .header-section .header-wrapper .logo__menuadjust .main-nav {
    width: auto !important;
    max-width: 100% !important;
  }

  html[data-career-page] body .header-section .header-wrapper .logo__menuadjust .main-menu {
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    gap: clamp(4px, 0.5vw, 7px) !important;
  }

  html[data-career-page] body .header-section .header-wrapper .menu__components {
    flex: 0 0 auto !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
    position: relative !important;
  }
}

/* ---- 1200–1340: keep flex row stable (preloader-kill margin-left:auto bleed) ---- */
@media (min-width: 1200px) and (max-width: 1340px) {
  html[data-career-page] body div.header-wrapper,
  html[data-career-page] body .header-section .header-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[data-career-page] body .header-wrapper .logo__menuadjust {
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    grid-template-columns: none !important;
  }

  html[data-career-page] body .header-wrapper .menu__components {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  html[data-career-page] .header-section .main-menu {
    gap: 6px !important;
  }

  html[data-career-page] .header-section .main-menu > li > a,
  html[data-career-page] .header-section .main-menu > li > .nav-item {
    padding: 8px 11px !important;
    font-size: 15px !important;
  }
}