/**
 * Worqex Phase 4 native Elementor header.
 *
 * These selectors deliberately use :where() to keep specificity low. Elementor
 * widget/container controls remain able to override visual values normally.
 */
:where(.worqex-native-header) {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255, 255, 255, 0.90);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid #E3EEEC;
}

:where(.worqex-native-header .worqex-native-header-inner) {
  min-height: 80px;
}

:where(.worqex-native-header .elementor-button) {
  transition: background-color 160ms cubic-bezier(.4,0,.2,1),
              border-color 160ms cubic-bezier(.4,0,.2,1),
              color 160ms cubic-bezier(.4,0,.2,1),
              box-shadow 200ms cubic-bezier(.4,0,.2,1),
              transform 200ms cubic-bezier(.4,0,.2,1);
}

:where(.worqex-native-header .elementor-button:active) {
  transform: scale(.98);
}

:where(.worqex-native-header .worqex-header-nav-item .elementor-button-icon) {
  font-size: 13px;
}

:where(.worqex-native-header .worqex-mobile-menu-trigger .elementor-icon) {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: #E3EEEC;
}

@media (max-width: 1080px) {
  :where(.worqex-native-header .worqex-native-header-inner) {
    min-height: 68px;
  }
}

:where(.worqex-native-header .worqex-header-logo) {
  flex: 0 0 auto;
}

:where(.worqex-native-header .worqex-native-nav) {
  flex: 1 1 auto;
}

:where(.worqex-native-header .worqex-header-actions) {
  flex: 0 0 auto;
  margin-left: auto;
}

:where(.worqex-native-header .worqex-header-nav-item) {
  position: relative;
}

:where(.worqex-native-header .worqex-header-nav-item.worqex-nav-active)::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: -14px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #FFD23F;
}