/* ============================================================
   HEADER — header.css
   Visual parity pass against 04-UI-REFERENCE-LIBRARY/assets/
   mockups/Header.png. Uses only existing design tokens
   (variables.css) — no new colors, radii, or shadows.
   ============================================================ */

/* ---- Announcement bar ---- */
.elementor-location-header a {
  transition: var(--transition);
}
.elementor-location-header a:hover {
  opacity: 0.8;
}

/* ---- Search bar (theme-etheme_ajax_search) ---- */
.elementor-widget-theme-etheme_ajax_search .etheme-search-form {
  display: flex;
  align-items: center;
  background: var(--color-white);
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-pill);
  overflow: hidden;
  height: 52px;
  width: 100%;
  transition: var(--transition);
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-form:focus-within {
  border-color: var(--color-primary);
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-form-select {
  display: none;
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-input-form-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-input-wrapper {
  flex: 1 1 auto;
  height: 100%;
  display: flex;
  align-items: center;
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-form-input {
  border: none;
  outline: none;
  background: transparent !important;
  width: 100%;
  height: 100%;
  padding: 0 0 0 var(--space-6);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-dark);
  line-height: 1;
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-form-input::placeholder {
  color: var(--color-text-light);
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-form-button-wrapper {
  height: 100%;
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-form-submit {
  background: transparent !important;
  border: none;
  width: 52px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  cursor: pointer;
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-form-submit .et-icon {
  font-size: 22px;
}

.elementor-widget-theme-etheme_ajax_search .etheme-search-form-submit .button-text {
  display: none;
}

/* ---- Icon nav (Search popup / Account / Wishlist / Cart) ---- */
.elementor-widget-theme-etheme_ajax_search_popup .elementor-button,
.elementor-widget-theme-etheme_account .elementor-button,
.elementor-widget-theme-etheme_wishlist .elementor-button,
.elementor-widget-theme-etheme_cart .elementor-button {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--space-2) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: var(--color-dark);
  transition: var(--transition);
  min-width: 56px;
}

.elementor-widget-theme-etheme_ajax_search_popup .elementor-button:hover,
.elementor-widget-theme-etheme_account .elementor-button:hover,
.elementor-widget-theme-etheme_wishlist .elementor-button:hover,
.elementor-widget-theme-etheme_cart .elementor-button:hover {
  color: var(--color-primary);
}

.elementor-widget-theme-etheme_ajax_search_popup .elementor-button-content-wrapper,
.elementor-widget-theme-etheme_account .elementor-button-content-wrapper,
.elementor-widget-theme-etheme_wishlist .elementor-button-content-wrapper,
.elementor-widget-theme-etheme_cart .elementor-button-content-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: var(--space-2) !important;
}

.elementor-widget-theme-etheme_ajax_search_popup .elementor-button-icon,
.elementor-widget-theme-etheme_account .elementor-button-icon,
.elementor-widget-theme-etheme_wishlist .elementor-button-icon,
.elementor-widget-theme-etheme_cart .elementor-button-icon {
  position: relative;
  font-size: 26px;
  line-height: 1;
  margin: 0 !important;
}

.elementor-widget-theme-etheme_ajax_search_popup .button-text,
.elementor-widget-theme-etheme_account .button-text,
.elementor-widget-theme-etheme_wishlist .button-text,
.elementor-widget-theme-etheme_cart .button-text {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  margin: 0 !important;
  white-space: nowrap;
}

.elementor-widget-theme-etheme_wishlist .elementor-button-icon-qty,
.elementor-widget-theme-etheme_cart .elementor-button-icon-qty {
  position: absolute;
  top: -8px;
  right: -12px;
  background: var(--color-accent);
  color: var(--color-white);
  border-radius: var(--radius-full);
  min-width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 18px;
  text-align: center;
  padding: 0 4px;
}

/* Icon nav row — generous spacing between Search/Account/Wishlist/Cart */
.elementor-widget-theme-etheme_ajax_search_popup,
.elementor-widget-theme-etheme_account,
.elementor-widget-theme-etheme_wishlist,
.elementor-widget-theme-etheme_cart {
  margin: 0 var(--space-2);
}

/* ---- Orange navigation bar (tabs only — dropdown panel styling lives
   in mega-menu.css) ---- */
.etheme-elementor-nav-menu.horizontal {
  display: flex;
  flex-wrap: nowrap;
}

.etheme-elementor-nav-menu.horizontal > li {
  background: transparent !important;
}

.etheme-elementor-nav-menu-item {
  padding: var(--space-4) var(--space-5) !important;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
  letter-spacing: 0.03em;
  color: var(--color-white) !important;
  white-space: nowrap;
}

.etheme-elementor-nav-menu-item:hover,
.etheme-elementor-nav-menu-item-active {
  color: var(--color-dark) !important;
}

.etheme-elementor-nav-menu.horizontal:hover > li {
  background: transparent !important;
}