/* AJO89 crimson-gold visual theme. Color and light effects only. */
:root {
  --ajo89-ink: #240706;
  --ajo89-maroon: #4a0808;
  --ajo89-crimson: #a50d12;
  --ajo89-red: #d51c1f;
  --ajo89-coral: #ff5a3d;
  --ajo89-amber: #ff9f2e;
  --ajo89-gold: #f6c84d;
  --ajo89-gold-light: #ffe99a;
  --ajo89-cream: #fff8e9;
  --ajo89-cream-deep: #ffedcf;
  --ajo89-brown: #4a2117;
  --ajo89-muted: #80584a;
  --ajo89-line: rgba(181, 94, 15, 0.28);
  --ajo89-glow: rgba(255, 157, 31, 0.28);
}

html {
  color-scheme: light;
  background-color: var(--ajo89-ink);
}

body {
  color: var(--ajo89-brown) !important;
  background-color: var(--ajo89-cream) !important;
  background-image:
    radial-gradient(circle at 82% 2%, rgba(255, 93, 56, 0.16), transparent 32%),
    radial-gradient(circle at 8% 18%, rgba(246, 200, 77, 0.2), transparent 28%),
    linear-gradient(180deg, #fff9ed 0%, #fff3dc 48%, #ffead0 100%) !important;
}

::selection {
  color: #2a0505;
  background: var(--ajo89-gold-light);
}

a,
.btn-link,
.product-link,
.menu-link {
  color: var(--ajo89-crimson);
  transition: color 180ms ease, text-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus,
.product-link:hover,
.menu-link:hover {
  color: #d2241e !important;
  text-shadow: 0 0 14px rgba(246, 200, 77, 0.36);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--ajo89-gold) !important;
  outline-offset: 2px;
}

.header-cc-id,
.header-cc-id .branded-header-container,
.header-cc-id .sub-header-container,
.header-cc-id .link-bar,
.header-cc-id .universal-header,
.header-cc-id .iherb-header {
  color: var(--ajo89-cream) !important;
  border-color: rgba(246, 200, 77, 0.42) !important;
  background-color: var(--ajo89-ink) !important;
  background-image:
    radial-gradient(circle at 86% 0%, rgba(255, 91, 44, 0.32), transparent 28%),
    linear-gradient(112deg, #230505 0%, #650808 47%, #9f1714 72%, #4a0808 100%) !important;
  box-shadow: 0 8px 28px rgba(61, 4, 3, 0.2);
}

.header-cc-id .link-bar-item,
.header-cc-id .username-sign-in,
.header-cc-id .selected-country-wrapper,
.header-cc-id .selected-country-wrapper > div,
.header-cc-id .icon {
  color: var(--ajo89-cream) !important;
  fill: currentColor;
}

.header-cc-id .link-bar-item:hover,
.header-cc-id .link-bar-item:focus {
  color: var(--ajo89-gold-light) !important;
  background-color: rgba(255, 214, 92, 0.11) !important;
}

.header-cc-id .mega-menu,
.header-cc-id .my-account-menu,
.header-cc-id .column-results,
.header-cc-id .more-dropdown {
  color: var(--ajo89-brown) !important;
  border-color: rgba(165, 13, 18, 0.22) !important;
  background-color: #fffaf0 !important;
  background-image: linear-gradient(145deg, #fffdf6 0%, #fff0d3 100%) !important;
  box-shadow: 0 18px 46px rgba(74, 8, 8, 0.22), 0 0 0 1px rgba(246, 200, 77, 0.24);
}

.header-cc-id .mega-menu .menu-link {
  color: #6f1711 !important;
}

.header-cc-id .mega-menu .menu-link:hover {
  color: #b20e12 !important;
  background-color: rgba(246, 200, 77, 0.17) !important;
}

#txtSearch,
.iherb-header-search-input,
.search-box {
  color: #3f1510 !important;
  border-color: rgba(246, 200, 77, 0.72) !important;
  background-color: rgba(255, 251, 239, 0.98) !important;
  box-shadow: inset 0 0 0 1px rgba(151, 16, 14, 0.08), 0 0 20px rgba(255, 176, 45, 0.1);
}

#txtSearch::placeholder,
.iherb-header-search-input::placeholder {
  color: #936c5c !important;
}

.iherb-header-search-button,
#searchBtn {
  color: var(--ajo89-cream) !important;
  border-color: var(--ajo89-gold) !important;
  background-color: var(--ajo89-crimson) !important;
  background-image: linear-gradient(145deg, #e12a22 0%, #9e0a10 68%, #65070a 100%) !important;
}

article.ga-product,
.product-grouping-refresh,
.product-summary-main,
.product-overview,
.cross-sell-list-section,
.frequently-purchased-original,
#customers-also-viewed,
#product-reviews {
  border-color: var(--ajo89-line) !important;
  background-color: transparent !important;
}

.product-summary-main,
.product-overview .content-frame,
.cross-sell-list,
.frequently-purchased-original,
.product-recommendations,
.product-comparison-table-title,
.qna-container,
.product-reviews {
  border-color: rgba(173, 77, 10, 0.24) !important;
  background-color: rgba(255, 252, 243, 0.94) !important;
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(255, 239, 207, 0.9)) !important;
  box-shadow: 0 18px 50px rgba(104, 25, 7, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.product-summary-image-main,
.product-summary-image-container,
.combo-offer-image,
.product-image-link {
  border-color: rgba(246, 200, 77, 0.72) !important;
  background-color: #fffaf0 !important;
  box-shadow: 0 14px 36px rgba(142, 35, 7, 0.12), 0 0 24px rgba(255, 176, 45, 0.1);
}

#name,
.product-summary-title,
.section-title h2,
.bundle-offer,
.product-overview h2,
.product-overview h3,
.ajo89-faq h3,
.ajo89-reviews h3 {
  color: #740b0d !important;
  text-shadow: 0 1px 0 rgba(255, 232, 151, 0.8), 0 5px 18px rgba(183, 67, 10, 0.12);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  #name,
  .product-summary-title {
    background-image: linear-gradient(90deg, #68080a 0%, #c01a18 45%, #8d100c 72%, #cb7911 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
  }
}

.product-overview .title-bar,
.bundle-offer-container,
.iherb-choice,
.auto-ship-save-special-banner {
  color: #fff8e7 !important;
  border-color: rgba(246, 200, 77, 0.64) !important;
  background-color: var(--ajo89-maroon) !important;
  background-image: linear-gradient(104deg, #540707 0%, #a30c11 48%, #cf3a1c 76%, #7a0909 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 231, 134, 0.3), 0 9px 24px rgba(74, 8, 8, 0.16);
}

.product-overview .title-bar h2,
.bundle-offer-container h2,
.iherb-choice h2,
.auto-ship-save-special-banner * {
  color: #fff8e7 !important;
  text-shadow: 0 2px 10px rgba(34, 3, 3, 0.35);
}

.list-price,
.discount-price,
.discount-price-per-unit,
.price,
.product-price,
#product-price {
  color: #a40a0f !important;
}

.discount-price,
.price {
  text-shadow: 0 1px 0 #fff1b8, 0 0 16px rgba(255, 157, 31, 0.16);
}

.stars-rating-v2,
.stars-rating-v2 path,
.rating svg,
.iherb-choice svg {
  color: var(--ajo89-gold) !important;
  fill: var(--ajo89-gold) !important;
}

.btn-primary,
.btn-primary-universal,
.btn-add-to-cart,
.combo-btn-add-to-cart,
.go-to-checkout {
  position: relative;
  overflow: hidden;
  color: #fff9e9 !important;
  border-color: var(--ajo89-gold) !important;
  background-color: var(--ajo89-crimson) !important;
  background-image: linear-gradient(100deg, #77070a 0%, #c61518 38%, #ed3e23 56%, #a0080f 100%) !important;
  box-shadow: 0 7px 22px rgba(129, 8, 9, 0.24), inset 0 1px 0 rgba(255, 239, 172, 0.42), 0 0 0 1px rgba(122, 42, 2, 0.18);
  transition: filter 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary-universal:hover,
.btn-primary-universal:focus,
.btn-add-to-cart:hover,
.btn-add-to-cart:focus,
.combo-btn-add-to-cart:hover,
.combo-btn-add-to-cart:focus,
.go-to-checkout:hover,
.go-to-checkout:focus {
  color: #ffffff !important;
  border-color: var(--ajo89-gold-light) !important;
  filter: saturate(1.14) brightness(1.06);
  box-shadow: 0 9px 28px rgba(129, 8, 9, 0.3), 0 0 24px rgba(255, 173, 38, 0.28), inset 0 1px 0 rgba(255, 246, 204, 0.56);
}

.btn-primary::after,
.btn-primary-universal::after,
.btn-add-to-cart::after,
.combo-btn-add-to-cart::after,
.go-to-checkout::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(110deg, transparent 24%, rgba(255, 244, 194, 0.5) 46%, transparent 67%);
  background-size: 240% 100%;
  animation: ajo89-gold-sheen 4.8s ease-in-out infinite;
}

.ajo89-faq dt,
.ajo89-reviews li {
  color: #541711 !important;
  border-color: rgba(177, 72, 9, 0.28) !important;
  background-color: rgba(255, 244, 220, 0.88) !important;
  background-image: linear-gradient(105deg, rgba(255, 252, 242, 0.96), rgba(255, 229, 185, 0.74)) !important;
  box-shadow: inset 4px 0 0 rgba(198, 21, 24, 0.78), 0 8px 22px rgba(120, 35, 8, 0.06);
}

.ajo89-faq dd,
.product-overview p,
.ajo89-reviews li {
  color: #5c3529 !important;
}

input,
select,
textarea,
.quantity-select,
.form-control {
  color: #40120e !important;
  border-color: rgba(170, 74, 13, 0.36) !important;
  background-color: #fffaf0 !important;
}

.breadcrumb,
.breadcrumbs,
.breadcrumb a {
  color: #8e2417 !important;
}

.add-to-cart-pop,
.info-popup,
.modal-content,
.popover {
  color: var(--ajo89-brown) !important;
  border-color: rgba(246, 200, 77, 0.6) !important;
  background-color: #fff8e9 !important;
  box-shadow: 0 20px 48px rgba(77, 7, 6, 0.22);
}

footer.iherb-responsive,
footer .footer-row,
footer .footer-sections {
  color: #ffe8bc !important;
  border-color: rgba(246, 200, 77, 0.32) !important;
  background-color: #250505 !important;
  background-image: linear-gradient(135deg, #220404 0%, #5d0808 55%, #32100a 100%) !important;
}

footer a,
footer .title {
  color: #ffe4a1 !important;
}

footer a:hover,
footer a:focus {
  color: #ffffff !important;
}

@keyframes ajo89-gold-sheen {
  0%, 62% { background-position: 160% 0; opacity: 0; }
  72% { opacity: 0.78; }
  88%, 100% { background-position: -70% 0; opacity: 0; }
}

@keyframes ajo89-ambient-gold {
  0%, 100% { box-shadow: 0 14px 36px rgba(142, 35, 7, 0.12), 0 0 14px rgba(255, 176, 45, 0.08); }
  50% { box-shadow: 0 14px 36px rgba(142, 35, 7, 0.14), 0 0 28px rgba(255, 176, 45, 0.18); }
}

.product-summary-image-main,
.product-overview .content-frame {
  animation: ajo89-ambient-gold 6.5s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

@media (forced-colors: active) {
  .btn-primary,
  .btn-primary-universal,
  .btn-add-to-cart,
  .combo-btn-add-to-cart,
  .go-to-checkout {
    border: 2px solid ButtonText !important;
  }
}
