/* ALTAHANY_TOP_CART_ICON_CLARITY_V1 */
/* CSS-only final polish: clear dark cart icon on solid gold button. */

:root{
  --ath-cart-clear-gold-1:#d99a27;
  --ath-cart-clear-gold-2:#bd790d;
  --ath-cart-clear-brown:#2f2118;
  --ath-cart-clear-cream:#fff7ea;
}

header a[href*="/cart"],
nav a[href*="/cart"],
header button[class*="cart"],
nav button[class*="cart"],
header [data-cart],
nav [data-cart]{
  background:linear-gradient(145deg,var(--ath-cart-clear-gold-1),var(--ath-cart-clear-gold-2)) !important;
  background-color:#c98612 !important;
  background-blend-mode:normal !important;
  opacity:1 !important;
  visibility:visible !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  color:var(--ath-cart-clear-brown) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 8px 20px rgba(48,33,22,.18) !important;
  outline:none !important;
  transform:none !important;
  isolation:isolate !important;
}

header a[href*="/cart"] *,
nav a[href*="/cart"] *,
header button[class*="cart"] *,
nav button[class*="cart"] *,
header [data-cart] *,
nav [data-cart] *{
  opacity:1 !important;
  visibility:visible !important;
  color:var(--ath-cart-clear-brown) !important;
  mix-blend-mode:normal !important;
  filter:none !important;
}

header a[href*="/cart"] svg,
nav a[href*="/cart"] svg,
header button[class*="cart"] svg,
nav button[class*="cart"] svg,
header [data-cart] svg,
nav [data-cart] svg{
  width:24px !important;
  height:24px !important;
  display:block !important;
  opacity:1 !important;
  color:var(--ath-cart-clear-brown) !important;
  filter:none !important;
}

header a[href*="/cart"] svg *,
nav a[href*="/cart"] svg *,
header button[class*="cart"] svg *,
nav button[class*="cart"] svg *,
header [data-cart] svg *,
nav [data-cart] svg *{
  stroke:var(--ath-cart-clear-brown) !important;
  fill:var(--ath-cart-clear-brown) !important;
  opacity:1 !important;
}

/* Keep badge clear and not blended with the icon */
header a[href*="/cart"] .cart-count,
header a[href*="/cart"] .cart-badge,
header a[href*="/cart"] [data-cart-count],
nav a[href*="/cart"] .cart-count,
nav a[href*="/cart"] .cart-badge,
nav a[href*="/cart"] [data-cart-count],
header button[class*="cart"] .cart-count,
header button[class*="cart"] .cart-badge,
nav button[class*="cart"] .cart-count,
nav button[class*="cart"] .cart-badge{
  background:#fff !important;
  color:var(--ath-cart-clear-brown) !important;
  border:1px solid rgba(48,33,22,.16) !important;
  opacity:1 !important;
  filter:none !important;
}

/* Same visual state on hover/focus/current to prevent the misleading flash */
header a[href*="/cart"]:hover,
header a[href*="/cart"]:focus,
header a[href*="/cart"]:focus-visible,
header a[href*="/cart"].active,
header a[href*="/cart"].is-active,
header a[href*="/cart"].current,
header a[href*="/cart"][aria-current],
nav a[href*="/cart"]:hover,
nav a[href*="/cart"]:focus,
nav a[href*="/cart"]:focus-visible,
nav a[href*="/cart"].active,
nav a[href*="/cart"].is-active,
nav a[href*="/cart"].current,
nav a[href*="/cart"][aria-current],
header button[class*="cart"]:hover,
header button[class*="cart"]:focus,
header button[class*="cart"]:focus-visible,
nav button[class*="cart"]:hover,
nav button[class*="cart"]:focus,
nav button[class*="cart"]:focus-visible{
  background:linear-gradient(145deg,var(--ath-cart-clear-gold-1),var(--ath-cart-clear-gold-2)) !important;
  color:var(--ath-cart-clear-brown) !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  box-shadow:0 8px 20px rgba(48,33,22,.18) !important;
}

/* Do not affect the left floating dock cart */
#athFinalDock a[href*="/cart"],
#athFinalDock button[class*="cart"],
#athFinalDock [data-cart],
#athFinalDock .ath-final-cart{
  color:#fff !important;
}
#athFinalDock .ath-final-cart svg *,
#athFinalDock .ath-final-cart svg{
  stroke:#fff !important;
  fill:none !important;
}