/* ═══════════════════════════════════════════════════════
   AHARA HEADER — ahara-header.css
   Loaded via functions.php after all theme styles
   Uses !important strategically to win specificity wars
═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;1,500&family=DM+Sans:wght@300;400;500&display=swap');

:root {
  --ah-forest:     #1E3A2F;
  --ah-forest-dk:  #162D24;
  --ah-forest-md:  #2D5240;
  --ah-sage:       #4A7C59;
  --ah-amber:      #C8861A;
  --ah-amber-lt:   #E8A832;
  --ah-cream:      #F7F2E8;
  --ah-warm-white: #FEFCF7;
  --ah-text-dark:  #1A1A14;
  --ah-text-mid:   #4A4535;
  --ah-text-muted: #9A9580;
  --ah-border:     rgba(30,58,47,0.1);
}

/* ── Kill theme header ── */
#masthead,
.site-header,
.botiga-top-bar,
.header-main,
.header-bottom,
.site-branding,
.botiga-header,
header.entry-header,
.woocommerce-breadcrumb + .site-header,
body > header:not(#ahara-header) {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ── Wrapper ── */
#ahara-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
  width: 100% !important;
  font-family: 'DM Sans', sans-serif !important;
  box-shadow: 0 2px 12px rgba(30,58,47,0.08) !important;
}

#ahara-header *,
#ahara-header *::before,
#ahara-header *::after {
  box-sizing: border-box !important;
}

#ahara-header a {
  text-decoration: none !important;
}

#ahara-header ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ════════════════════════════════
   TIER 1 — ANNOUNCEMENT MARQUEE
════════════════════════════════ */
.ah-announce {
  background: var(--ah-forest) !important;
  overflow: hidden !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

.ah-announce::before,
.ah-announce::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; bottom: 0 !important;
  width: 60px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}
.ah-announce::before {
  left: 0 !important;
  background: linear-gradient(to right, var(--ah-forest), transparent) !important;
}
.ah-announce::after {
  right: 0 !important;
  background: linear-gradient(to left, var(--ah-forest), transparent) !important;
}

.ah-announce-track {
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  animation: ah-scroll 36s linear infinite !important;
  gap: 0 !important;
  will-change: transform !important;
}
.ah-announce-track:hover {
  animation-play-state: paused !important;
}

@keyframes ah-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.ah-announce-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 32px !important;
  font-size: 11.5px !important;
  color: rgba(247,242,232,0.85) !important;
  letter-spacing: 0.04em !important;
  flex-shrink: 0 !important;
  font-family: 'DM Sans', sans-serif !important;
  line-height: 1 !important;
}
.ah-announce-item a {
  color: var(--ah-amber-lt) !important;
  border-bottom: 1px solid rgba(232,168,50,0.3) !important;
}
.ah-announce-item a:hover { color: white !important; }

.ah-announce-sep {
  display: inline-block !important;
  width: 4px !important; height: 4px !important;
  background: var(--ah-amber) !important;
  border-radius: 50% !important;
  opacity: 0.55 !important;
  flex-shrink: 0 !important;
  margin: 0 4px !important;
}

/* ════════════════════════════════
   TIER 2 — LOGO · SEARCH · ICONS
════════════════════════════════ */
.ah-mid {
  background: var(--ah-cream) !important;
  border-bottom: 1px solid var(--ah-border) !important;
  padding: 0 40px !important;
  height: 72px !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

/* Logo */
.ah-logo {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}
.ah-logo-emblem {
  width: 44px !important; height: 44px !important;
  background: var(--ah-forest) !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
.ah-logo-emblem::after {
  content: '' !important;
  position: absolute !important; inset: 3px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(200,134,26,0.35) !important;
}
.ah-logo-emblem img,
.ah-logo-emblem svg {
  width: 24px !important; height: 24px !important;
  object-fit: contain !important;
  position: relative !important; z-index: 1 !important;
  fill: var(--ah-cream) !important;
}
.ah-logo-name {
  font-family: 'Playfair Display', serif !important;
  font-size: 26px !important; font-weight: 700 !important;
  color: var(--ah-forest) !important;
  display: block !important; letter-spacing: -0.01em !important;
  line-height: 1 !important;
}
.ah-logo-tagline {
  font-size: 9px !important; letter-spacing: 0.13em !important;
  color: var(--ah-sage) !important; text-transform: uppercase !important;
  display: block !important; margin-top: 3px !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Search */
.ah-search {
  flex: 1 !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}
.ah-search-form {
  display: flex !important;
  align-items: center !important;
  background: white !important;
  border: 1.5px solid rgba(30,58,47,0.18) !important;
  border-radius: 28px !important;
  height: 46px !important;
  padding: 0 6px 0 18px !important;
  gap: 10px !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.ah-search-form:focus-within {
  border-color: var(--ah-forest) !important;
  box-shadow: 0 0 0 3px rgba(30,58,47,0.07) !important;
}
.ah-search-ico {
  color: var(--ah-text-muted) !important;
  font-size: 17px !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}
.ah-search-form input[type="search"] {
  flex: 1 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13.5px !important;
  color: var(--ah-text-dark) !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 0 !important;
}
.ah-search-form input[type="search"]::placeholder {
  color: var(--ah-text-muted) !important;
}
.ah-search-form input[type="search"]:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
.ah-search-btn {
  height: 34px !important;
  padding: 0 20px !important;
  background: var(--ah-forest) !important;
  color: var(--ah-cream) !important;
  border: none !important;
  border-radius: 22px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.15s !important;
  flex-shrink: 0 !important;
  letter-spacing: 0.02em !important;
}
.ah-search-btn:hover { background: var(--ah-forest-md) !important; }

/* Right icons */
.ah-mid-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* Account */
.ah-account-btn {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  height: 40px !important;
  border: 1px solid var(--ah-border) !important;
  border-radius: 22px !important;
  background: white !important;
  cursor: pointer !important;
  color: var(--ah-text-mid) !important;
  font-size: 13px !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
  font-family: 'DM Sans', sans-serif !important;
}
.ah-account-btn:hover {
  border-color: var(--ah-forest) !important;
  color: var(--ah-forest) !important;
  background: white !important;
}
.ah-account-btn svg {
  width: 18px !important; height: 18px !important;
  flex-shrink: 0 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}
.ah-account-label {
  font-size: 12px !important;
  font-family: 'DM Sans', sans-serif !important;
  line-height: 1 !important;
}

/* Wishlist */
.ah-wish-btn {
  width: 40px !important; height: 40px !important;
  border: 1px solid var(--ah-border) !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: white !important;
  color: var(--ah-text-mid) !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.ah-wish-btn svg {
  width: 17px !important; height: 17px !important;
  fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important;
}
.ah-wish-btn:hover {
  background: var(--ah-forest) !important;
  color: white !important;
  border-color: var(--ah-forest) !important;
}
.ah-wish-btn:hover svg { stroke: white !important; }

/* Cart */
.ah-cart-btn {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 18px !important;
  height: 40px !important;
  background: var(--ah-forest) !important;
  color: var(--ah-cream) !important;
  border: none !important;
  border-radius: 22px !important;
  cursor: pointer !important;
  font-family: 'DM Sans', sans-serif !important;
  transition: background 0.15s !important;
  text-decoration: none !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.ah-cart-btn:hover {
  background: var(--ah-forest-md) !important;
  color: var(--ah-cream) !important;
}
.ah-cart-btn svg {
  width: 17px !important; height: 17px !important;
  fill: none !important; stroke: var(--ah-cream) !important; stroke-width: 2 !important;
  flex-shrink: 0 !important;
}
.ah-cart-divider {
  width: 1px !important; height: 20px !important;
  background: rgba(247,242,232,0.2) !important;
  flex-shrink: 0 !important;
}
.ah-cart-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}
.ah-cart-label {
  font-size: 9px !important;
  opacity: 0.55 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  color: var(--ah-cream) !important;
  font-family: 'DM Sans', sans-serif !important;
}
.ah-cart-total {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: var(--ah-cream) !important;
  font-family: 'DM Sans', sans-serif !important;
}
.ah-cart-count {
  position: absolute !important;
  top: -5px !important; right: -5px !important;
  background: var(--ah-amber) !important;
  color: var(--ah-forest) !important;
  font-size: 9px !important; font-weight: 700 !important;
  min-width: 18px !important; height: 18px !important;
  border-radius: 9px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  border: 2px solid var(--ah-cream) !important;
  padding: 0 3px !important;
  font-family: 'DM Sans', sans-serif !important;
}

/* Badge */
.ah-badge-dot {
  position: absolute !important;
  top: -3px !important; right: -3px !important;
  background: var(--ah-amber) !important;
  color: var(--ah-forest) !important;
  font-size: 8px !important; font-weight: 700 !important;
  width: 16px !important; height: 16px !important;
  border-radius: 50% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  border: 2px solid var(--ah-cream) !important;
}

/* ════════════════════════════════
   TIER 3 — CATEGORY NAV
════════════════════════════════ */
.ah-catnav {
  background: white !important;
  border-top: none !important;
  border-bottom: 2px solid var(--ah-forest) !important;
  padding: 0 40px !important;
  display: flex !important;
  align-items: center !important;
  height: 44px !important;
  overflow: visible !important;
  position: relative !important;
}

.ah-catnav-list {
  display: flex !important;
  align-items: center !important;
  height: 44px !important;
  flex: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ah-catnav-item {
  position: relative !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
}

.ah-catnav-link {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 13px !important;
  height: 44px !important;
  font-size: 12.5px !important;
  color: var(--ah-text-mid) !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -2px !important;
  transition: all 0.15s !important;
  text-decoration: none !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
.ah-catnav-link:hover,
.ah-catnav-item:hover > .ah-catnav-link {
  color: var(--ah-forest) !important;
  border-bottom-color: var(--ah-amber) !important;
}
.ah-catnav-link.sale {
  color: #C0392B !important;
  font-weight: 500 !important;
}
.ah-catnav-link.sale:hover {
  border-bottom-color: #C0392B !important;
}
.ah-catnav-arr {
  font-size: 8px !important;
  opacity: 0.4 !important;
  transition: transform 0.15s !important;
  line-height: 1 !important;
}
.ah-catnav-item:hover .ah-catnav-arr {
  transform: rotate(180deg) !important;
  opacity: 0.7 !important;
}

/* Dropdown */
.ah-dropdown {
  position: absolute !important;
  top: calc(100% + 2px) !important;
  left: 0 !important;
  min-width: 200px !important;
  background: white !important;
  border: 1px solid var(--ah-border) !important;
  border-top: 2px solid var(--ah-forest) !important;
  box-shadow: 0 8px 28px rgba(30,58,47,0.1) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.18s, transform 0.18s !important;
  z-index: 100000 !important;
}
.ah-catnav-item:hover .ah-dropdown {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
.ah-dropdown a {
  display: block !important;
  padding: 10px 18px !important;
  font-size: 12.5px !important;
  color: var(--ah-text-mid) !important;
  border-bottom: 1px solid rgba(30,58,47,0.05) !important;
  transition: all 0.12s !important;
  font-family: 'DM Sans', sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.ah-dropdown a:last-child { border-bottom: none !important; }
.ah-dropdown a:hover {
  background: rgba(30,58,47,0.03) !important;
  color: var(--ah-forest) !important;
  padding-left: 22px !important;
}

/* Pincode */
.ah-pincode {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 16px !important;
  border-left: 1px solid var(--ah-border) !important;
  flex-shrink: 0 !important;
}
.ah-pincode-btn {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 30px !important;
  padding: 0 14px !important;
  border: 1px solid var(--ah-border) !important;
  border-radius: 16px !important;
  background: transparent !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11.5px !important;
  color: var(--ah-text-mid) !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  white-space: nowrap !important;
}
.ah-pincode-btn:hover {
  border-color: var(--ah-forest) !important;
  color: var(--ah-forest) !important;
}

/* ════════════════════════════════
   MOBILE HEADER
════════════════════════════════ */
.ah-mobile-header {
  display: none !important;
  background: var(--ah-cream) !important;
  padding: 10px 16px !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 2px solid var(--ah-forest) !important;
  gap: 10px !important;
}
.ah-mobile-logo {
  font-family: 'Playfair Display', serif !important;
  font-size: 22px !important; font-weight: 700 !important;
  color: var(--ah-forest) !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.ah-mobile-search-wrap {
  flex: 1 !important;
  display: flex !important; align-items: center !important; gap: 8px !important;
  background: white !important;
  border: 1px solid var(--ah-border) !important;
  border-radius: 22px !important;
  height: 38px !important;
  padding: 0 12px !important;
}
.ah-mobile-search-wrap input[type="search"] {
  background: transparent !important;
  border: none !important; outline: none !important;
  box-shadow: none !important;
  font-size: 13px !important; width: 100% !important;
  font-family: 'DM Sans', sans-serif !important;
  color: var(--ah-text-dark) !important;
  padding: 0 !important;
  height: auto !important;
}
.ah-mobile-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}
.ah-mob-cart {
  display: flex !important; align-items: center !important; gap: 6px !important;
  background: var(--ah-forest) !important;
  color: var(--ah-cream) !important;
  height: 36px !important; padding: 0 12px !important;
  border-radius: 22px !important;
  font-size: 13px !important;
  text-decoration: none !important;
  position: relative !important;
}
.ah-mob-cart-count {
  background: var(--ah-amber) !important;
  color: var(--ah-forest) !important;
  font-size: 9px !important; font-weight: 700 !important;
  min-width: 16px !important; height: 16px !important;
  border-radius: 8px !important; padding: 0 3px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.ah-hamburger {
  width: 36px !important; height: 36px !important;
  background: var(--ah-forest) !important; color: white !important;
  border: none !important; border-radius: 8px !important;
  cursor: pointer !important; font-size: 16px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex-shrink: 0 !important;
}

/* Mobile drawer */
.ah-mobile-drawer {
  display: none;
  background: var(--ah-cream) !important;
  border-bottom: 1px solid var(--ah-border) !important;
}
/* JS sets display:block via inline style — no !important needed here */
.ah-mobile-drawer.ah-open { display: block; }
.ah-drawer-inner { padding: 16px !important; }

.ah-drawer-nav a {
  display: flex !important; align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 0 !important;
  font-size: 14px !important;
  color: var(--ah-text-mid) !important;
  border-bottom: 1px solid rgba(30,58,47,0.06) !important;
  font-family: 'DM Sans', sans-serif !important;
  text-decoration: none !important;
}
.ah-drawer-nav a:hover { color: var(--ah-forest) !important; }
.ah-drawer-nav a strong { color: var(--ah-forest) !important; font-weight: 600 !important; }

.ah-drawer-cats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--ah-border) !important;
}
.ah-drawer-cat {
  display: flex !important; align-items: center !important; gap: 8px !important;
  background: white !important;
  border: 1px solid var(--ah-border) !important;
  border-radius: 8px !important;
  padding: 9px 12px !important;
  font-size: 12px !important; color: var(--ah-text-mid) !important;
  text-decoration: none !important;
  font-family: 'DM Sans', sans-serif !important;
}
.ah-drawer-cat:hover {
  border-color: var(--ah-sage) !important;
  color: var(--ah-forest) !important;
}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media (max-width: 960px) {
  .ah-announce { display: none !important; }
  .ah-mid      { display: none !important; }
  .ah-catnav   { display: none !important; }
  .ah-mobile-header { display: flex !important; }
}

@media (min-width: 961px) {
  .ah-mobile-header  { display: none !important; }
  .ah-mobile-drawer  { display: none !important; }
}

@media (max-width: 1200px) {
  .ah-mid    { padding: 0 24px !important; }
  .ah-catnav { padding: 0 24px !important; }
  .ah-catnav-link { padding: 0 10px !important; font-size: 12px !important; }
}

@media (max-width: 1080px) {
  .ah-catnav-link { padding: 0 8px !important; font-size: 11.5px !important; }
  .ah-account-label { display: none !important; }
  .ah-account-btn { padding: 0 10px !important; }
}

/* ════════════════════════════════════════════════════════
   FIBOSEARCH RESTYLE — FINAL CLEAN VERSION
   This replaces ALL previous FiboSearch CSS blocks.
   Delete every other FiboSearch-related rule first,
   then paste this once at the very bottom of
   ahara-header.css.

   Matches your actual rendered HTML:
     - dgwt-wcas-style-solaris
     - icon-only circular submit button on right
     - no left magnifier icon
═══════════════════════════════════════════════════════ */

/* ── PARENT WRAPPER ── */
.ah-search {
  max-width: 560px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* ── FIBOSEARCH WRAPPERS — full width of parent ── */
.ah-search .dgwt-wcas-search-wrapp,
.ah-search .dgwt-wcas-search-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: block !important;
}

/* ── THE PILL — 46px tall, 28px radius ── */
.ah-search .dgwt-wcas-sf-wrapp {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  background: white !important;
  border: 1.5px solid rgba(30, 58, 47, 0.18) !important;
  border-radius: 28px !important;
  height: 46px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.ah-search .dgwt-wcas-sf-wrapp:focus-within {
  border-color: var(--ah-forest) !important;
  box-shadow: 0 0 0 3px rgba(30, 58, 47, 0.07) !important;
}

/* ── INPUT ── */
.ah-search .dgwt-wcas-search-input,
.ah-search input[type="search"].dgwt-wcas-search-input,
.ah-search input#dgwt-wcas-search-input-1 {
  flex: 1 1 auto !important;
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: var(--ah-text-dark) !important;
  box-shadow: none !important;
  padding: 0 50px 0 20px !important;
  height: 42px !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
.ah-search .dgwt-wcas-search-input::placeholder {
  color: var(--ah-text-muted) !important;
  font-style: normal !important;
  opacity: 1 !important;
  font-weight: 400 !important;
  font-size: 13.5px !important;
}
.ah-search .dgwt-wcas-search-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}

/* ── SUBMIT BUTTON — 34px circle on the right ──
   Hyper-specific selectors to beat ALL earlier rules.
   Targets the button by tag + class + parent path so
   nothing else can override.
─────────────────────────────────────────────────── */
.ah-search .dgwt-wcas-search-wrapp button.dgwt-wcas-search-submit,
.ah-search .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
.ah-search button.dgwt-wcas-search-submit,
.ah-search .dgwt-wcas-search-submit,
.ah-search [class*="dgwt-wcas-style"] button.dgwt-wcas-search-submit {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  bottom: auto !important;
  left: auto !important;
  transform: translateY(-50%) !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: var(--ah-forest) !important;
  background: var(--ah-forest) !important;
  color: var(--ah-cream) !important;
  border: none !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.ah-search button.dgwt-wcas-search-submit:hover,
.ah-search .dgwt-wcas-search-submit:hover {
  background-color: var(--ah-forest-md) !important;
  background: var(--ah-forest-md) !important;
}
.ah-search .dgwt-wcas-search-submit::before,
.ah-search .dgwt-wcas-search-submit::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* ── SVG MAGNIFIER INSIDE THE BUTTON ── */
.ah-search .dgwt-wcas-search-submit svg,
.ah-search button.dgwt-wcas-search-submit svg,
.ah-search .dgwt-wcas-search-submit svg.dgwt-wcas-ico-magnifier,
.ah-search .dgwt-wcas-ico-magnifier {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
  fill: var(--ah-cream) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ah-search .dgwt-wcas-search-submit svg path,
.ah-search .dgwt-wcas-ico-magnifier path {
  fill: var(--ah-cream) !important;
  stroke: none !important;
}

/* ── HIDE: voice search, screen-reader text ── */
.ah-search .dgwt-wcas-voice-search { display: none !important; }
.ah-search .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ── PRELOADER ── */
.ah-search .dgwt-wcas-preloader {
  right: 50px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.ah-search .dgwt-wcas-preloader::before {
  border-top-color: var(--ah-forest) !important;
}

/* ════════════════════════════════
   DROPDOWN
════════════════════════════════ */
.dgwt-wcas-suggestions-wrapp {
  margin-top: 8px !important;
  background: white !important;
  border: 1px solid var(--ah-border) !important;
  border-top: 2px solid var(--ah-forest) !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 28px rgba(30, 58, 47, 0.12) !important;
  overflow: hidden !important;
  z-index: 100000 !important;
  font-family: 'DM Sans', sans-serif !important;
}

.dgwt-wcas-suggestion {
  padding: 10px 16px !important;
  border-bottom: 1px solid rgba(30, 58, 47, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.dgwt-wcas-suggestion:last-child { border-bottom: 0 !important; }
.dgwt-wcas-suggestion:hover,
.dgwt-wcas-suggestion-selected {
  background: rgba(30, 58, 47, 0.04) !important;
}

.dgwt-wcas-st-image,
.dgwt-wcas-suggestion .dgwt-wcas-pi {
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--ah-border) !important;
}

.dgwt-wcas-st-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ah-text-dark) !important;
  line-height: 1.3 !important;
}
.dgwt-wcas-st-title strong {
  color: var(--ah-forest) !important;
  font-weight: 700 !important;
}

.dgwt-wcas-st-price,
.dgwt-wcas-suggestion .woocommerce-Price-amount,
.dgwt-wcas-suggestion .price {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--ah-forest) !important;
}

.dgwt-wcas-suggestion-more {
  background: var(--ah-cream) !important;
  padding: 12px 16px !important;
  text-align: center !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11.5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--ah-forest) !important;
}
/* ════════════════════════════════════════════════════════
   MOBILE NESTED-PILL FIX
   APPEND to bottom of ahara-header.css.
   DELETE the previous fibosearch-mobile-dedupe.css block.

   Cause: .ah-mobile-search-wrap has its own border/bg from
   the original ahara-header.css, AND FiboSearch's
   .dgwt-wcas-sf-wrapp inside it also has border/bg from my
   restyle. Two nested pill containers = looks like two bars.

   Fix: strip styling from the outer wrapper, keep only
   the inner FiboSearch pill.
═══════════════════════════════════════════════════════ */

.ah-mobile-search-wrap {
  /* Strip the outer pill — it was meant for the old form */
  background: transparent !important;
  border: none !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  /* Layout — let it sit naturally in the flex row */
  flex: 1 !important;
  display: block !important;
}

/* Make sure FiboSearch's wrapper takes the full space */
.ah-mobile-search-wrap .dgwt-wcas-search-wrapp,
.ah-mobile-search-wrap .dgwt-wcas-search-form {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* The single visible pill — FiboSearch's inner wrapper */
.ah-mobile-search-wrap .dgwt-wcas-sf-wrapp {
  background: white !important;
  border: 1px solid var(--ah-border) !important;
  border-radius: 22px !important;
  height: 38px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

/* The magnifier icon (which FiboSearch renders inline on this version) */
.ah-mobile-search-wrap .dgwt-wcas-ico-magnifier {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
  fill: var(--ah-text-muted) !important;
  display: block !important;
  margin: 0 !important;
}
.ah-mobile-search-wrap .dgwt-wcas-ico-magnifier path {
  fill: var(--ah-text-muted) !important;
}

/* The input — no extra padding (icon already sits before it via flex) */
.ah-mobile-search-wrap .dgwt-wcas-search-input,
.ah-mobile-search-wrap input.dgwt-wcas-search-input {
  flex: 1 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: var(--ah-text-dark) !important;
  padding: 0 !important;
  height: 36px !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
.ah-mobile-search-wrap .dgwt-wcas-search-input::placeholder {
  color: var(--ah-text-muted) !important;
  font-style: normal !important;
  opacity: 1 !important;
}

/* Hide voice search slot */
.ah-mobile-search-wrap .dgwt-wcas-voice-search {
  display: none !important;
}

/* Preloader stays right-aligned */
.ah-mobile-search-wrap .dgwt-wcas-preloader {
  right: 12px !important;
}
/* ════════════════════════════════════════════════════════
   MOBILE MAGNIFIER — vertical alignment fix
   APPEND to bottom of ahara-header.css.
═══════════════════════════════════════════════════════ */

.ah-mobile-search-wrap .dgwt-wcas-sf-wrapp {
  align-items: center !important;
  justify-content: flex-start !important;
}

.ah-mobile-search-wrap .dgwt-wcas-ico-magnifier {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  display: inline-block !important;
  vertical-align: middle !important;
  position: relative !important;
  top: auto !important;
  margin: 0 !important;
  fill: var(--ah-text-muted) !important;
}
.ah-mobile-search-wrap .dgwt-wcas-ico-magnifier path {
  fill: var(--ah-text-muted) !important;
}