/* Connect Staff shared header — match live Elementor chrome */

/* Nav row only — do not pad the full-width contact bar (causes a white top gap). */
header[data-elementor-type="header"] .elementor-section-boxed > .elementor-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 16px;
}

/* Empty Elementor spacer section above the contact bar */
header[data-elementor-type="header"] .elementor-element-571634e7 {
  display: none !important;
}

/* Top contact bar: gradient spans the viewport; items stay in the 1200px row */
header[data-elementor-type="header"] section.bg_r {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  background: linear-gradient(90deg, #04c2cd 0%, #4d47f3 43.75%, #7d2ae7 100%) !important;
}

header[data-elementor-type="header"] section.bg_r > .elementor-container {
  display: flex;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto !important;
  padding: 8px 16px !important;
  background: transparent !important;
}

/* Top bar contact links: +1px type, icon + text vertically centered */
header[data-elementor-type="header"] section.bg_r .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  padding: 0 !important;
}

header[data-elementor-type="header"] section.bg_r .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 6px !important;
}

header[data-elementor-type="header"] section.bg_r .elementor-button-icon {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 0 !important;
}

header[data-elementor-type="header"] section.bg_r .elementor-button-icon svg {
  display: block;
  width: 14px;
  height: 14px;
}

header[data-elementor-type="header"] section.bg_r .elementor-button-text {
  display: inline-flex;
  align-items: center;
  line-height: 1.2 !important;
}

header[data-elementor-type="header"] section.bg_r .elementor-widget-button {
  width: auto !important;
  max-width: none !important;
}

/* Sticky nav: Elementor keeps padding-top:1% for static spacing under the
   contact bar; when position:fixed that becomes a white strip at the viewport top. */
header[data-elementor-type="header"] .elementor-element-59cc52f7.elementor-sticky--active,
header[data-elementor-type="header"] .elementor-element-3e632d52.elementor-sticky--active {
  padding-top: 0 !important;
  margin-top: 0 !important;
  top: 0 !important;
}

header[data-elementor-type="header"] .elementor-widget-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}

header[data-elementor-type="header"] img {
  display: block;
  width: auto;
  max-width: 137px;
  height: auto;
}

header[data-elementor-type="header"] ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

header[data-elementor-type="header"] .elementor-nav-menu {
  display: flex;
  align-items: center;
  gap: 18px;
}

@media (max-width: 1024px) {
  header[data-elementor-type="header"] .elementor-nav-menu--main {
    display: none;
  }

  header[data-elementor-type="header"] .elementor-menu-toggle {
    display: block;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  header[data-elementor-type="header"] .elementor-section-boxed > .elementor-container {
    padding: 10px 14px;
  }

  header[data-elementor-type="header"] section.bg_r > .elementor-container {
    padding: 8px 14px !important;
  }
}

/* nav-submenu-hash-fix: hide the hash Elementor paints on submenu hover.
   Pointer underlines stay (they are empty boxes with a background). */

.elementor-nav-menu--dropdown a.elementor-item::before,
.elementor-nav-menu--dropdown a.elementor-item::after,
.elementor-nav-menu--dropdown a.elementor-sub-item::before,
.elementor-nav-menu--dropdown a.elementor-sub-item::after,
.elementor-nav-menu--dropdown a.menu-link::before,
.elementor-nav-menu--dropdown a.menu-link::after,
.e-n-menu-content a.e-link::before,
.e-n-menu-content a.e-link::after,
.e-n-menu-dropdown-menu a::before,
.e-n-menu-dropdown-menu a::after {
  content: "" !important;
  color: transparent !important;
  font-size: 0 !important;
}

.elementor-nav-menu .menu-item-has-children > a:not([href]),
.elementor-nav-menu a.elementor-item-anchor:not([href]),
.e-n-menu-title-container:not([href]),
.main-header-menu .menu-item-has-children > a.menu-link:not([href]),
.w-nav-list .menu-item-has-children > a.w-nav-anchor:not([href]) {
  cursor: pointer;
}