/* Comfortrek V333 — Light-mode contrast audit.
   Loaded last in both storefront and admin. This fixes foreground/background
   collisions without flattening intentional dark premium cards. */

/* ACCOUNT: these two surfaces intentionally remain dark even in light mode.
   Keep their full text hierarchy bright enough to read. */
html body.appearance-light #comfortrek-account .cr-account-sidebar,
html body.appearance-light #comfortrek-account .cr-card-featured,
html body.appearance-light #comfortrek-account .cr-reward-dark,
html body.appearance-auto.appearance-light #comfortrek-account .cr-account-sidebar,
html body.appearance-auto.appearance-light #comfortrek-account .cr-card-featured,
html body.appearance-auto.appearance-light #comfortrek-account .cr-reward-dark {
  color: #f7f5ef !important;
}
html body.appearance-light #comfortrek-account .cr-card-featured :is(h1,h2,h3,h4,strong,b,span,a,em,i),
html body.appearance-auto.appearance-light #comfortrek-account .cr-card-featured :is(h1,h2,h3,h4,strong,b,span,a,em,i) {
  color: #f7f5ef !important;
  opacity: 1 !important;
}
html body.appearance-light #comfortrek-account .cr-card-featured :is(p,small,.cr-card-copy small,.cr-card-meta),
html body.appearance-auto.appearance-light #comfortrek-account .cr-card-featured :is(p,small,.cr-card-copy small,.cr-card-meta) {
  color: #d2d5d2 !important;
  opacity: 1 !important;
}
html body.appearance-light #comfortrek-account .cr-card-featured :is(.cr-card-icon,.cr-card-arrow),
html body.appearance-auto.appearance-light #comfortrek-account .cr-card-featured :is(.cr-card-icon,.cr-card-arrow) {
  color: #f1d69c !important;
}
html body.appearance-light #comfortrek-account .cr-reward-dark :is(h1,h2,h3,h4,strong,b,span,a,em,i),
html body.appearance-auto.appearance-light #comfortrek-account .cr-reward-dark :is(h1,h2,h3,h4,strong,b,span,a,em,i) {
  color: #f7f5ef !important;
  opacity: 1 !important;
}
html body.appearance-light #comfortrek-account .cr-reward-dark :is(p,small,.muted),
html body.appearance-auto.appearance-light #comfortrek-account .cr-reward-dark :is(p,small,.muted) {
  color: #d2d5d2 !important;
  opacity: 1 !important;
}
html body.appearance-light #comfortrek-account .cr-reward-dark .cr-kicker,
html body.appearance-auto.appearance-light #comfortrek-account .cr-reward-dark .cr-kicker {
  color: #f1d69c !important;
}
html body.appearance-light #comfortrek-account .cr-account-sidebar :is(a,strong,b,small,span),
html body.appearance-auto.appearance-light #comfortrek-account .cr-account-sidebar :is(a,strong,b,small,span) {
  color: #f7f5ef !important;
  opacity: 1 !important;
}
html body.appearance-light #comfortrek-account .cr-account-sidebar .active,
html body.appearance-auto.appearance-light #comfortrek-account .cr-account-sidebar .active {
  background: #f3ead9 !important;
  color: #27231d !important;
}
html body.appearance-light #comfortrek-account .cr-account-sidebar .active *,
html body.appearance-auto.appearance-light #comfortrek-account .cr-account-sidebar .active * {
  color: #27231d !important;
}

/* Fixed dark checkout/offer controls: always specify both background and
   foreground so inherited theme text cannot turn the label nearly black. */
html body.appearance-light[class*="site-theme-"] :is(.ct-coupon-apply-btn,.ct-offer-apply,.ct-pay-btn,.ct-pay-total-highlight-v171),
html body.appearance-auto.appearance-light[class*="site-theme-"] :is(.ct-coupon-apply-btn,.ct-offer-apply,.ct-pay-btn,.ct-pay-total-highlight-v171) {
  color: #fff !important;
}
html body.appearance-light[class*="site-theme-"] :is(.ct-coupon-apply-btn,.ct-offer-apply,.ct-pay-btn,.ct-pay-total-highlight-v171) :is(span,strong,b,small,i),
html body.appearance-auto.appearance-light[class*="site-theme-"] :is(.ct-coupon-apply-btn,.ct-offer-apply,.ct-pay-btn,.ct-pay-total-highlight-v171) :is(span,strong,b,small,i) {
  color: inherit !important;
  opacity: 1 !important;
}
html body.appearance-light[class*="site-theme-"] .ct-offers-icon,
html body.appearance-auto.appearance-light[class*="site-theme-"] .ct-offers-icon {
  color: #f1d69c !important;
}

/* Dark art-direction cards can remain dark; their foreground must not inherit
   the light canvas's near-black text color. */
html body.appearance-light.site-theme-broadcast_editorial .tag-card,
html body.appearance-light.site-theme-broadcast_editorial .luxury-product-info,
html body.appearance-light.site-theme-obsidian_gold .tag-card,
html body.appearance-light.site-theme-emerald_noir .tag-card,
html body.appearance-light.site-theme-violet_neon .tag-card,
html body.appearance-auto.appearance-light.site-theme-broadcast_editorial .tag-card,
html body.appearance-auto.appearance-light.site-theme-broadcast_editorial .luxury-product-info,
html body.appearance-auto.appearance-light.site-theme-obsidian_gold .tag-card,
html body.appearance-auto.appearance-light.site-theme-emerald_noir .tag-card,
html body.appearance-auto.appearance-light.site-theme-violet_neon .tag-card {
  color: #f5f3ed !important;
}
html body.appearance-light.site-theme-broadcast_editorial .tag-card :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-light.site-theme-broadcast_editorial .luxury-product-info :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-light.site-theme-obsidian_gold .tag-card :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-light.site-theme-emerald_noir .tag-card :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-light.site-theme-violet_neon .tag-card :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-auto.appearance-light.site-theme-broadcast_editorial .tag-card :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-auto.appearance-light.site-theme-broadcast_editorial .luxury-product-info :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-auto.appearance-light.site-theme-obsidian_gold .tag-card :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-auto.appearance-light.site-theme-emerald_noir .tag-card :is(h1,h2,h3,h4,strong,b,a,span),
html body.appearance-auto.appearance-light.site-theme-violet_neon .tag-card :is(h1,h2,h3,h4,strong,b,a,span) {
  color: #f5f3ed !important;
  opacity: 1 !important;
}
html body.appearance-light.site-theme-broadcast_editorial .tag-card :is(p,small,em),
html body.appearance-light.site-theme-broadcast_editorial .luxury-product-info :is(p,small,em),
html body.appearance-light.site-theme-obsidian_gold .tag-card :is(p,small,em),
html body.appearance-light.site-theme-emerald_noir .tag-card :is(p,small,em),
html body.appearance-light.site-theme-violet_neon .tag-card :is(p,small,em),
html body.appearance-auto.appearance-light.site-theme-broadcast_editorial .tag-card :is(p,small,em),
html body.appearance-auto.appearance-light.site-theme-broadcast_editorial .luxury-product-info :is(p,small,em),
html body.appearance-auto.appearance-light.site-theme-obsidian_gold .tag-card :is(p,small,em),
html body.appearance-auto.appearance-light.site-theme-emerald_noir .tag-card :is(p,small,em),
html body.appearance-auto.appearance-light.site-theme-violet_neon .tag-card :is(p,small,em) {
  color: #d1d4d2 !important;
  opacity: 1 !important;
}

/* Product purchase actions intentionally dark in some themes. */
html body.appearance-light[class*="site-theme-"] .luxury-product-page .crp-purchase-controls .crp-add-btn,
html body.appearance-auto.appearance-light[class*="site-theme-"] .luxury-product-page .crp-purchase-controls .crp-add-btn {
  background: #1b1c1e !important;
  color: #fff !important;
}
html body.appearance-light[class*="site-theme-"] .luxury-product-page .crp-purchase-controls .crp-add-btn *,
html body.appearance-auto.appearance-light[class*="site-theme-"] .luxury-product-page .crp-purchase-controls .crp-add-btn * {
  color: #fff !important;
}

/* ADMIN: sale feedback previously used pastel text even on the light canvas. */
html.admin-theme-light .admin-main .sale-flash-error {
  background: #fff0ef !important;
  border-color: #e8a29d !important;
  color: #8b1e18 !important;
}
html.admin-theme-light .admin-main .sale-flash-success {
  background: #eaf8ef !important;
  border-color: #8bc8a0 !important;
  color: #145c32 !important;
}
html.admin-theme-light .admin-main :is(.sale-flash-error,.sale-flash-success) :is(span,strong,b,small) {
  color: inherit !important;
  opacity: 1 !important;
}
html.admin-theme-light .admin-main :is(.admin-card,.admin-panel,.admin-stat-card,.sale-preview-card,.sale-preview-stat) :is(h1,h2,h3,h4,p,small,label,strong,b) {
  text-shadow: none !important;
}