/*
Theme Name:  Envy (Astra Child)
Theme URI:   http://envy.local
Description: Child theme of Astra for the Envy store - navy & gold brand header, logo fix and store-specific overrides.
Author:      Envy
Template:    astra
Version:     1.0.0
Text Domain: astra-child
*/

/* Brand palette (sampled from the logo) */
:root {
  --envy-navy:        #0e1e3f;
  --envy-navy-light:  #16305e;
  --envy-gold:        #e0b058;
  --envy-gold-light:  #f0cd85;
  --envy-cream:       #f3ecdc;
}

/* ---------------------------------------------------------------
   Logo - remove Astra's "Logo Color" SVG filter that washes it out
   --------------------------------------------------------------- */
.site-logo-img img,
.site-logo-img .custom-logo-link img,
.ast-theme-transparent-header .site-logo-img img {
  filter: none !important;
  -webkit-filter: none !important;
}
.site-logo-img .custom-logo-link { display: inline-block; line-height: 0; }

/* ---------------------------------------------------------------
   Primary header bar - solid navy, thin gold rule, subtle shadow
   --------------------------------------------------------------- */
.ast-primary-header-bar,
.ast-header-break-point .ast-primary-header-bar {
  background-color: var(--envy-navy);
  border-bottom: 1px solid rgba(224, 176, 88, 0.35);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}

/* Desktop menu */
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link {
  color: var(--envy-cream);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  position: relative;
  transition: color 0.2s ease;
}
.ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link::after {
  content: "";
  position: absolute;
  left: 1em;
  right: 1em;
  bottom: 1.6em;
  height: 1px;
  background: var(--envy-gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
}
.ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
.ast-builder-menu-1 .main-header-menu > .menu-item.focus > .menu-link,
.ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link,
.ast-builder-menu-1 .main-header-menu > .current-menu-ancestor > .menu-link {
  color: var(--envy-gold);
}
.ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link::after,
.ast-builder-menu-1 .main-header-menu > .menu-item.focus > .menu-link::after,
.ast-builder-menu-1 .main-header-menu > .current-menu-item > .menu-link::after,
.ast-builder-menu-1 .main-header-menu > .current-menu-ancestor > .menu-link::after {
  transform: scaleX(1);
}
.ast-builder-menu-1 .main-header-menu .menu-item-has-children > .menu-link .ast-icon svg { fill: currentColor; }

/* Desktop dropdowns */
.ast-desktop .ast-builder-menu-1 .main-header-menu .sub-menu {
  background-color: var(--envy-navy);
  border-top: 2px solid var(--envy-gold);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4);
}
.ast-desktop .ast-builder-menu-1 .main-header-menu .sub-menu .menu-link {
  color: var(--envy-cream);
  border-bottom: 1px solid rgba(224, 176, 88, 0.15);
  font-size: 13px;
  letter-spacing: 0.04em;
}
.ast-desktop .ast-builder-menu-1 .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-desktop .ast-builder-menu-1 .main-header-menu .sub-menu .current-menu-item > .menu-link {
  color: var(--envy-gold);
  background-color: var(--envy-navy-light);
}

/* Search icon + slide-out field */
.ast-header-search .astra-search-icon,
.ast-header-search .ast-icon { color: var(--envy-gold); }
.ast-header-search .astra-search-icon:hover { color: var(--envy-gold-light); }
.ast-desktop .ast-header-search .slide-search .search-form {
  background-color: var(--envy-navy-light);
  border: 1px solid var(--envy-gold);
  border-radius: 2px;
}
.ast-header-search .slide-search .search-field,
.ast-header-search .search-field::placeholder { color: var(--envy-cream); }
.ast-header-search .slide-search .search-field { background-color: transparent; }

/* Cart icon + count badge */
.ast-site-header-cart .ast-cart-menu-wrap,
.ast-site-header-cart .ast-addon-cart-wrap,
.ast-menu-cart-outline .ast-addon-cart-wrap { color: var(--envy-gold); }
.ast-site-header-cart .ast-site-header-cart-li:hover .ast-addon-cart-wrap { color: var(--envy-gold-light); }
.ast-site-header-cart .ast-addon-cart-wrap i.astra-icon:after,
.ast-site-header-cart .ast-addon-cart-wrap .ast-icon-shopping-cart:after,
.ast-site-header-cart .ast-cart-menu-wrap .count,
.moderncart-floating-cart-count {
  background-color: var(--envy-gold) !important;
  color: var(--envy-navy) !important;
  border-color: var(--envy-gold) !important;
  font-weight: 600;
}

/* Account icon (if enabled in the header builder) */
.ast-header-account-wrap .ast-header-account-type-icon .ahfb-svg-iconset svg { fill: var(--envy-gold); }

/* ---------------------------------------------------------------
   Mobile / tablet header
   --------------------------------------------------------------- */
.ast-header-break-point .ast-mobile-header-wrap .ast-primary-header-bar { background-color: var(--envy-navy); }
[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline {
  color: var(--envy-gold);
  border-color: var(--envy-gold);
  background: transparent;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.toggled,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle:hover { color: var(--envy-gold-light); border-color: var(--envy-gold-light); }

/* Off-canvas drawer */
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
.ast-mobile-header-wrap .ast-mobile-header-content { background-color: var(--envy-navy) !important; }
.ast-mobile-popup-drawer .ast-mobile-popup-header { border-bottom: 1px solid rgba(224, 176, 88, 0.25); }
.ast-mobile-popup-drawer.active .menu-toggle-close { color: var(--envy-gold) !important; }
.ast-mobile-popup-content .ast-builder-menu-mobile .main-header-menu .menu-link,
.ast-mobile-popup-content .ast-builder-menu-mobile .main-header-menu .sub-menu .menu-link {
  color: var(--envy-cream);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 15px;
  border-bottom: 1px solid rgba(224, 176, 88, 0.15);
}
.ast-mobile-popup-content .ast-builder-menu-mobile .main-header-menu .menu-item:hover > .menu-link,
.ast-mobile-popup-content .ast-builder-menu-mobile .main-header-menu .current-menu-item > .menu-link {
  color: var(--envy-gold);
  background-color: var(--envy-navy-light);
}
.ast-mobile-popup-content .ast-builder-menu-mobile .ast-menu-toggle { color: var(--envy-gold); }
.ast-mobile-popup-content .ast-header-search .search-form { background-color: var(--envy-navy-light); border: 1px solid var(--envy-gold); }
