/* ═══════════════════════════════════════════════════════════════
SECTION 1 — VARIABLE REBRANDING
═══════════════════════════════════════════════════════════════ */
/* Ring A — Global Helix tokens (re-point to blue rebrand) */
html[data-theme="light"] {
--helix-bg: #f5f6f8 !important;
--helix-bg-secondary: #ffffff !important;
--helix-bg-card: #ffffff !important;
--helix-bg-card-hover: #f5f6f8 !important;
--helix-bg-elevated: #ffffff !important;
--helix-bg-input: #f5f6f8 !important;
--helix-text: #17171c !important;
--helix-text-secondary: #6b7180 !important;
--helix-text-muted: #8a8f9c !important;
--helix-text-on-primary: #ffffff !important;
--helix-primary: #0681e1 !important;
--helix-primary-rgb: 6,129,225 !important;
--helix-primary-hover: #0570c4 !important;
--helix-secondary: #0691fa !important;
--helix-accent: #0691fa !important;
--helix-accent-teal: #0681e1 !important;
--helix-accent-teal-light: #0691fa !important;
--helix-accent-teal-dark: #0570c4 !important;
--helix-accent-gold: #b8941e !important;
--helix-border: rgba(6,129,225,0.12) !important;
--helix-border-hover: rgba(6,129,225,0.4) !important;
--helix-border-strong: rgba(6,129,225,0.3) !important;
--helix-border-color: rgba(6,129,225,0.18) !important;
--helix-border-color-light: rgba(0,0,0,0.07) !important;
--helix-shadow-sm: 0 2px 8px rgba(0,0,0,0.05) !important;
--helix-shadow-md: 0 8px 24px rgba(0,0,0,0.07) !important;
--helix-shadow-lg: 0 16px 48px rgba(0,0,0,0.1) !important;
}
/* Ring B — --pci-* tokens (re-point theme-light.css teal to blue) */
html[data-theme="light"] {
--pci-primary: #0681e1 !important;
--pci-primary-light: #0691fa !important;
--pci-primary-dark: #0570c4 !important;
--pci-accent: #0691fa !important;
--pci-accent-light: #3aabff !important;
--pci-accent-dark: #0570c4 !important;
--pci-filter-bg: #ffffff !important;
--pci-filter-section-bg: #f5f6f8 !important;
--pci-filter-border: rgba(0,0,0,0.08) !important;
--pci-filter-accent: #0681e1 !important;
--pci-filter-accent-light: #0691fa !important;
--pci-filter-danger: #dc3545 !important;
--pci-filter-text: #17171c !important;
--pci-filter-text-muted: #6b7180 !important;
--pci-card-bg: #ffffff !important;
--pci-card-bg-hover: #f5f6f8 !important;
--pci-card-border: rgba(0,0,0,0.08) !important;
--pci-card-border-hover: rgba(6,129,225,0.4) !important;
--pci-card-glow: rgba(6,129,225,0.2) !important;
--pci-card-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
--pci-card-shadow-hover: 0 12px 40px rgba(6,129,225,0.15) !important;
--pci-text-primary: #17171c !important;
--pci-text-secondary: #6b7180 !important;
--pci-text-muted: #8a8f9c !important;
--pci-sale: #dc3545 !important;
--pci-success: #16a34a !important;
--pci-warning: #b8941e !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 1c — PRICES + CATEGORY COLORS (Medvinci brand)
Category: green #7acb7e | Price: green #7acb7e | Strike: muted gray
Helix uses [data-theme="light"] .woocommerce ul.products li.product .price
with specificity 0,5,3 — we match + prefix html[data-theme="light"].
═══════════════════════════════════════════════════════════════ */
/* Category label green (target children to beat body-link blue) */
html[data-theme="light"] .pci-card-content .product-category,
html[data-theme="light"] .pci-card-content .product-category a,
html[data-theme="light"] .pci-card-content .ast-woo-product-category,
html[data-theme="light"] .pci-card-content .ast-woo-product-category a,
html[data-theme="light"] .pci-card-content [class*="category"],
html[data-theme="light"] .pci-card-content [class*="category"] a,
html[data-theme="light"] .pci-product-card .pci-card-category,
html[data-theme="light"] .pci-product-card .pci-card-category a,
html[data-theme="light"] .woocommerce ul.products li.product .pci-card-category,
html[data-theme="light"] .woocommerce ul.products li.product .pci-card-category a,
html[data-theme="light"] body.woocommerce ul.products li.product .pci-card-content .product-category,
html[data-theme="light"] body.woocommerce ul.products li.product .pci-card-content .product-category a {
color: #7acb7e !important;
text-decoration: none !important;
}
/* Product title dark (target children to beat body-link blue) */
html[data-theme="light"] .pci-card-content .woocommerce-loop-product__title,
html[data-theme="light"] .pci-card-content .woocommerce-loop-product__title a,
html[data-theme="light"] .pci-card-content h2,
html[data-theme="light"] .pci-card-content h2 a,
html[data-theme="light"] .pci-card-content .pci-card-title,
html[data-theme="light"] .pci-card-content .pci-card-title a,
html[data-theme="light"] ul.products li.product .pci-card-title,
html[data-theme="light"] ul.products li.product .pci-card-title a,
html[data-theme="light"] ul.products li.product .woocommerce-loop-product__title,
html[data-theme="light"] ul.products li.product .woocommerce-loop-product__title a {
color: #17171c !important;
text-decoration: none !important;
}
/* Prices green (both regular and sale 'ins') */
html[data-theme="light"] .pci-card-content .price,
html[data-theme="light"] .pci-card-content .price .woocommerce-Price-amount,
html[data-theme="light"] ul.products li.product .price,
html[data-theme="light"] .pci-price-current,
html[data-theme="light"] .pci-card-price .woocommerce-Price-amount,
html[data-theme="light"] .pci-price-current .woocommerce-Price-amount,
html[data-theme="light"] .pci-product-card .price .woocommerce-Price-amount,
html[data-theme="light"] .woocommerce ul.products li.pci-product-card .price .woocommerce-Price-amount,
html[data-theme="light"] .woocommerce ul.products li.product .price ins,
html[data-theme="light"] .woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
html[data-theme="light"] .woocommerce ul.products li.product .price > .woocommerce-Price-amount {
color: #7acb7e !important;
background: none !important;
}
/* Strikethrough (original) price — muted gray, NOT gold */
html[data-theme="light"] .pci-card-content .price del,
html[data-theme="light"] .pci-card-content .price del .woocommerce-Price-amount,
html[data-theme="light"] .woocommerce ul.products li.product .price del,
html[data-theme="light"] .woocommerce ul.products li.product .price del .woocommerce-Price-amount,
html[data-theme="light"] .pci-price-original {
color: #8a8f9c !important;
opacity: 1 !important;
}
/* Override Helix's --pci-accent gold at compound specificity */
html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"][data-helix-theme="light"],
body[data-helix-theme="light"] {
--pci-accent: #7acb7e !important;
--pci-card-price: #7acb7e !important;
--pci-card-sale: #7acb7e !important;
--pci-warning: #FFD700 !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2a — PRODUCT ARCHIVE BODY WHITE-TEXT FIX
Helix product-cards.css line 26 sets body.woocommerce-page
{ color: #ffffff } — breaks ALL text on archive/shop pages.
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] body.woocommerce-page,
[data-theme="light"] body.post-type-archive-product,
[data-theme="light"] body.tax-product_cat,
[data-theme="light"] body.tax-product_tag,
[data-theme="light"] body.archive.woocommerce {
color: #17171c !important;
}
[data-theme="light"] body.woocommerce-page a,
[data-theme="light"] body.post-type-archive-product a,
[data-theme="light"] body.tax-product_cat a,
[data-theme="light"] body.tax-product_tag a {
color: #0681e1 !important;
}
[data-theme="light"] body.woocommerce-page h1,
[data-theme="light"] body.woocommerce-page h2,
[data-theme="light"] body.woocommerce-page h3,
[data-theme="light"] body.woocommerce-page h4,
[data-theme="light"] body.woocommerce-page .page-title,
[data-theme="light"] body.woocommerce-page .woocommerce-products-header__title {
color: #17171c !important;
}
/* Section 2b (sale/onsale badge styling) removed — badges hidden in layout-fixes.php */
/* ═══════════════════════════════════════════════════════════════
SECTION 2c — PRODUCT FILTERS (sidebar, drawer, sort)
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] .pci-filter-sidebar {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.08) !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
}
[data-theme="light"] .pci-filter-sidebar h2,
[data-theme="light"] .pci-filter-sidebar h3,
[data-theme="light"] .pci-filter-sidebar h4,
[data-theme="light"] .pci-filter-section-title,
[data-theme="light"] .pci-filter-title {
color: #17171c !important;
}
[data-theme="light"] .pci-filter-section {
background: #ffffff !important;
border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .pci-filter-item,
[data-theme="light"] .pci-filter-option,
[data-theme="light"] .pci-filter-checkbox-label {
color: #17171c !important;
}
[data-theme="light"] .pci-filter-item:hover,
[data-theme="light"] .pci-filter-option:hover {
background: rgba(6,129,225,0.06) !important;
color: #0681e1 !important;
}
[data-theme="light"] .pci-filter-drawer {
background: #ffffff !important;
}
[data-theme="light"] .pci-filter-drawer-handle {
background: rgba(0,0,0,0.2) !important;
}
[data-theme="light"] .pci-filter-drawer-overlay {
background: rgba(0,0,0,0.4) !important;
}
[data-theme="light"] .pci-filter-sidebar::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.15) !important;
}
[data-theme="light"] .pci-active-filter-tag,
[data-theme="light"] .pci-filter-chip {
background: rgba(6,129,225,0.1) !important;
border: 1px solid rgba(6,129,225,0.3) !important;
color: #0681e1 !important;
}
[data-theme="light"] .pci-sort-select,
[data-theme="light"] select.pci-sort {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.08) !important;
color: #17171c !important;
}
[data-theme="light"] .pci-mobile-toolbar,
[data-theme="light"] .pci-filter-toolbar {
background: #ffffff !important;
border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .pci-products-loading::after {
background: rgba(255,255,255,0.8) !important;
}
[data-theme="light"] .pci-filter-apply-btn,
[data-theme="light"] .pci-filter-clear-btn {
background: linear-gradient(135deg, #0681e1, #0570c4) !important;
color: #ffffff !important;
border: none !important;
}
[data-theme="light"] .pci-filter-clear-btn {
background: #f5f6f8 !important;
color: #17171c !important;
border: 1px solid rgba(0,0,0,0.08) !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2d — NAVIGATION DROPDOWNS (site-wide)
storefront-compat.css lines 1649, 1823 use #0d1f31 hardcoded.
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] .helix-branded .main-navigation ul.menu ul,
[data-theme="light"] .helix-storefront-shell .main-navigation ul.menu ul,
[data-theme="light"] body .main-navigation ul.menu ul,
[data-theme="light"] body .main-navigation ul.nav-menu ul,
[data-theme="light"] #masthead .main-navigation ul ul {
background: #ffffff !important;
background-color: #ffffff !important;
border: 1px solid rgba(0,0,0,0.07) !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}
[data-theme="light"] .helix-branded .main-navigation ul.menu ul li a,
[data-theme="light"] .helix-storefront-shell .main-navigation ul.menu ul li a,
[data-theme="light"] body .main-navigation ul.menu ul li a,
[data-theme="light"] #masthead .main-navigation ul ul li a {
color: #6b7180 !important;
}
[data-theme="light"] .helix-branded .main-navigation ul.menu ul li a:hover,
[data-theme="light"] .helix-storefront-shell .main-navigation ul.menu ul li a:hover,
[data-theme="light"] body .main-navigation ul.menu ul li a:hover,
[data-theme="light"] #masthead .main-navigation ul ul li a:hover {
color: #0681e1 !important;
background: rgba(6,129,225,0.06) !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2e — CART PAGE (hardcoded values beyond variables)
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] .helix-cart-page a {
color: #0681e1 !important;
}
[data-theme="light"] .helix-cart-page .helix-accent-link,
[data-theme="light"] .helix-cart-page a.helix-cart-link {
color: #0681e1 !important;
}
[data-theme="light"] .helix-cart-page .helix-cart-coupon-code,
[data-theme="light"] .helix-cart-page .coupon-code,
[data-theme="light"] .helix-cart-page .wc-block-components-chip {
background: rgba(6,129,225,0.1) !important;
color: #0681e1 !important;
border-color: rgba(6,129,225,0.3) !important;
}
[data-theme="light"] .helix-cart-page a.button,
[data-theme="light"] .helix-cart-page .checkout-button,
[data-theme="light"] .helix-cart-page .wc-proceed-to-checkout .button,
[data-theme="light"] .helix-cart-page .helix-cart-btn,
[data-theme="light"] .helix-cart-page .helix-cart-btn-primary,
[data-theme="light"] .helix-cart-page .helix-btn-primary {
background: linear-gradient(135deg, #0681e1, #0570c4) !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 4px 16px rgba(6,129,225,0.15) !important;
}
[data-theme="light"] .helix-cart-page a.button:hover,
[data-theme="light"] .helix-cart-page .checkout-button:hover,
[data-theme="light"] .helix-cart-page .wc-proceed-to-checkout .button:hover,
[data-theme="light"] .helix-cart-page .helix-cart-btn-primary:hover,
[data-theme="light"] .helix-cart-page .helix-btn-primary:hover {
background: linear-gradient(135deg, #0691fa, #0681e1) !important;
box-shadow: 0 6px 24px rgba(6,129,225,0.25) !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2f — CHECKOUT PAGE (Stripe, buttons, accents)
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] .helix-checkout-page a {
color: #0681e1 !important;
}
[data-theme="light"] .helix-checkout-page .checkout-upsell-link,
[data-theme="light"] .helix-checkout-page .helix-accent-link {
color: #0681e1 !important;
}
/* Stripe Payment Element container (iframe content controlled by Stripe JS) */
[data-theme="light"] .helix-checkout-page .wc-stripe-upe-element,
[data-theme="light"] .helix-checkout-page #wc-stripe-upe-element,
[data-theme="light"] .helix-checkout-page .wc-stripe-upe-form,
[data-theme="light"] .helix-checkout-page .payment_method_stripe,
[data-theme="light"] .helix-checkout-page li.wc_payment_method.payment_method_stripe,
[data-theme="light"] .helix-checkout-page #payment .payment_box,
[data-theme="light"] .helix-checkout-page .wc_payment_methods .wc_payment_method .payment_box {
background: #ffffff !important;
color: #17171c !important;
border: 1px solid rgba(0,0,0,0.08) !important;
border-radius: 12px !important;
}
/* Checkout buttons */
[data-theme="light"] .helix-checkout-page .helix-checkout-btn-primary,
[data-theme="light"] .helix-checkout-page .helix-button-primary,
[data-theme="light"] .helix-checkout-page #place_order,
[data-theme="light"] .helix-checkout-page .wc-block-components-checkout-place-order-button {
background: linear-gradient(135deg, #0681e1, #0570c4) !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 4px 16px rgba(6,129,225,0.15) !important;
}
[data-theme="light"] .helix-checkout-page #place_order:hover,
[data-theme="light"] .helix-checkout-page .helix-checkout-btn-primary:hover {
background: linear-gradient(135deg, #0691fa, #0681e1) !important;
box-shadow: 0 6px 24px rgba(6,129,225,0.25) !important;
}
/* Processing state stays green — readable on both modes, no override needed */
/* ═══════════════════════════════════════════════════════════════
SECTION 2g — ORDER RECEIVED (Thank You) PAGE
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] body.woocommerce-order-received .woocommerce-order,
[data-theme="light"] body.woocommerce-order-received .woocommerce-thankyou-order-received,
[data-theme="light"] body.woocommerce-order-received .woocommerce-order-overview,
[data-theme="light"] body.woocommerce-order-received .woocommerce-order-details,
[data-theme="light"] body.woocommerce-order-received .woocommerce-customer-details,
[data-theme="light"] body.woocommerce-order-received .woocommerce-column {
background: #ffffff !important;
color: #17171c !important;
border: 1px solid rgba(0,0,0,0.07) !important;
border-radius: 12px !important;
padding: 24px !important;
margin-bottom: 16px !important;
}
[data-theme="light"] body.woocommerce-order-received h1,
[data-theme="light"] body.woocommerce-order-received h2,
[data-theme="light"] body.woocommerce-order-received h3,
[data-theme="light"] body.woocommerce-order-received p,
[data-theme="light"] body.woocommerce-order-received li,
[data-theme="light"] body.woocommerce-order-received strong,
[data-theme="light"] body.woocommerce-order-received address,
[data-theme="light"] body.woocommerce-order-received .woocommerce-order-overview li {
color: #17171c !important;
border-color: rgba(0,0,0,0.07) !important;
}
[data-theme="light"] body.woocommerce-order-received a {
color: #0681e1 !important;
}
[data-theme="light"] body.woocommerce-order-received .woocommerce-thankyou-order-received {
color: #16a34a !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2h — LOGIN / REGISTER / LOST PASSWORD
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] body.woocommerce-account form.woocommerce-form-login,
[data-theme="light"] body.woocommerce-account form.woocommerce-form-register,
[data-theme="light"] body.woocommerce-account form.woocommerce-ResetPassword,
[data-theme="light"] body.woocommerce-account form.lost_reset_password {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.07) !important;
border-radius: 12px !important;
padding: 24px !important;
color: #17171c !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}
[data-theme="light"] body.woocommerce-account .u-columns h2,
[data-theme="light"] body.woocommerce-account .col-1 h2,
[data-theme="light"] body.woocommerce-account .col-2 h2,
[data-theme="light"] body.woocommerce-account form.woocommerce-form-login label,
[data-theme="light"] body.woocommerce-account form.woocommerce-form-register label,
[data-theme="light"] body.woocommerce-account form.woocommerce-ResetPassword label {
color: #17171c !important;
}
[data-theme="light"] body.woocommerce-account .woocommerce-form__label-for-checkbox {
color: #6b7180 !important;
}
[data-theme="light"] body.woocommerce-account .lost_password a,
[data-theme="light"] body.woocommerce-account .woocommerce-LostPassword a {
color: #0681e1 !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2i — VIEW ORDER / ORDER DETAILS (My Account)
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] body.woocommerce-account .woocommerce-order-details,
[data-theme="light"] body.woocommerce-account .woocommerce-customer-details,
[data-theme="light"] body.woocommerce-account .order_details,
[data-theme="light"] body.woocommerce-view-order .woocommerce-order-details,
[data-theme="light"] body.woocommerce-view-order .woocommerce-customer-details {
background: #ffffff !important;
color: #17171c !important;
border: 1px solid rgba(0,0,0,0.07) !important;
border-radius: 12px !important;
}
[data-theme="light"] body.woocommerce-account .woocommerce-order-details h2,
[data-theme="light"] body.woocommerce-account .woocommerce-order-details h3,
[data-theme="light"] body.woocommerce-account .woocommerce-customer-details h2,
[data-theme="light"] body.woocommerce-account .woocommerce-customer-details h3,
[data-theme="light"] body.woocommerce-account .woocommerce-order-details td,
[data-theme="light"] body.woocommerce-account .woocommerce-order-details th,
[data-theme="light"] body.woocommerce-account .order_details td,
[data-theme="light"] body.woocommerce-account address {
color: #17171c !important;
}
[data-theme="light"] body.woocommerce-account .woocommerce-table__product-name a {
color: #0681e1 !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2j — 404 / SEARCH / GENERIC PAGES
═══════════════════════════════════════════════════════════════ */
/* 404 */
[data-theme="light"] body.error404,
[data-theme="light"] body.error404 .page-content,
[data-theme="light"] body.error404 h1,
[data-theme="light"] body.error404 h2,
[data-theme="light"] body.error404 p {
color: #17171c !important;
}
[data-theme="light"] body.error404 .search-form input[type="search"] {
background: #f5f6f8 !important;
color: #17171c !important;
border: 1px solid #cacdd5 !important;
}
[data-theme="light"] body.error404 a {
color: #0681e1 !important;
}
/* Search results */
[data-theme="light"] body.search-results,
[data-theme="light"] body.search-no-results,
[data-theme="light"] body.search-results h1,
[data-theme="light"] body.search-results h2,
[data-theme="light"] body.search-results .entry-title,
[data-theme="light"] body.search-results .entry-summary,
[data-theme="light"] body.search-no-results .page-content {
color: #17171c !important;
}
[data-theme="light"] body.search-results a,
[data-theme="light"] body.search-no-results a {
color: #0681e1 !important;
}
[data-theme="light"] body.search .search-form input[type="search"],
[data-theme="light"] body.search-no-results .search-form input[type="search"] {
background: #f5f6f8 !important;
color: #17171c !important;
border: 1px solid #cacdd5 !important;
}
/* Generic pages (Terms, Privacy, Refunds, etc.) */
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content p,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content li,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content h1,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content h2,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content h3,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content h4,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content h5,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content h6,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content strong,
[data-theme="light"] body.page:not(.woocommerce-page) .entry-title {
color: #17171c !important;
}
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content a {
color: #0681e1 !important;
}
[data-theme="light"] body.page:not(.woocommerce-page) .entry-content blockquote {
color: #6b7180 !important;
border-left-color: #0681e1 !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2l — HEADER hardcoded teal override
storefront-compat.css lines 1707, 1713-1714, 2011, 2017, 2020
hardcode #008C89 instead of using a variable. Override directly.
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] .site-header-cart .count,
[data-theme="light"] #masthead .site-header-cart .count {
background: #0681e1 !important;
color: #ffffff !important;
}
[data-theme="light"] .mv-header-toggle:hover,
[data-theme="light"] #masthead .mv-header-toggle:hover {
background: rgba(6,129,225,0.06) !important;
}
[data-theme="light"] .mv-header-toggle:hover svg,
[data-theme="light"] #masthead .mv-header-toggle:hover svg {
color: #0681e1 !important;
}
[data-theme="light"] #masthead .main-navigation ul.menu ul li a:hover {
color: #0681e1 !important;
background: rgba(6,129,225,0.05) !important;
}
/* Our own theme toggle (in case it inherits teal hover) */
[data-theme="light"] .mv-theme-toggle:hover {
border-color: rgba(6,129,225,0.35) !important;
background: rgba(6,129,225,0.08) !important;
}
[data-theme="light"] .mv-theme-toggle:hover svg {
color: #0681e1 !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2m — CONTACT PAGE (.rag-form non-modal) — LIGHT MODE
Dark mode rules for .rag-form live in page-overrides.php
alongside the existing .rag-overlay .rag-modal styling.
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] .rag-form {
color: #17171c !important;
}
[data-theme="light"] .rag-form .rag-field label {
color: #17171c !important;
}
[data-theme="light"] .rag-form .rag-field input[type="text"],
[data-theme="light"] .rag-form .rag-field input[type="email"],
[data-theme="light"] .rag-form .rag-field input[type="password"],
[data-theme="light"] .rag-form .rag-field input[type="tel"],
[data-theme="light"] .rag-form .rag-field textarea {
background: #f5f6f8 !important;
color: #17171c !important;
border: 1px solid #cacdd5 !important;
-webkit-text-fill-color: #17171c !important;
}
/* Override the inline textarea style */
[data-theme="light"] .rag-form textarea[style*="border"] {
background: #f5f6f8 !important;
border: 1px solid #cacdd5 !important;
color: #17171c !important;
}
[data-theme="light"] .rag-form .rag-field input::placeholder,
[data-theme="light"] .rag-form .rag-field textarea::placeholder {
color: #6b7180 !important;
opacity: 1 !important;
}
[data-theme="light"] .rag-form .rag-field input:focus,
[data-theme="light"] .rag-form .rag-field textarea:focus {
border-color: #0681e1 !important;
box-shadow: 0 0 0 2px rgba(6,129,225,0.15) !important;
outline: none !important;
}
[data-theme="light"] .rag-form .rag-btn.rag-btn-primary {
background: linear-gradient(135deg, #0681e1, #0570c4) !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 4px 16px rgba(6,129,225,0.15) !important;
}
[data-theme="light"] .rag-form .rag-btn.rag-btn-primary:hover {
background: linear-gradient(135deg, #0691fa, #0681e1) !important;
box-shadow: 0 6px 24px rgba(6,129,225,0.25) !important;
}
[data-theme="light"] .rag-tab {
color: #6b7180 !important;
}
[data-theme="light"] .rag-tab.active {
color: #0681e1 !important;
border-bottom-color: #0681e1 !important;
}
[data-theme="light"] .rag-tabs {
border-bottom-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .rag-forgot a,
[data-theme="light"] #rag-contact-back {
color: #6b7180 !important;
}
[data-theme="light"] .rag-forgot a:hover,
[data-theme="light"] #rag-contact-back:hover {
color: #0681e1 !important;
}
[data-theme="light"] .rag-password-wrap .rag-toggle-pw {
color: #6b7180 !important;
}
[data-theme="light"] .rag-error {
color: #dc3232 !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2n — MVRC MINI CART (plugin: qbpl-mini-cart)
Override --mvrc-* variables + hardcoded gradients for light mode.
═══════════════════════════════════════════════════════════════ */
html[data-theme="light"] {
--mvrc-bg: #ffffff !important;
--mvrc-bg-muted: #f5f6f8 !important;
--mvrc-bg-strong: #e8eaef !important;
--mvrc-text: #17171c !important;
--mvrc-text-muted: #6b7180 !important;
--mvrc-border: rgba(0,0,0,0.08) !important;
--mvrc-accent: #0681e1 !important;
--mvrc-accent-strong: #0691fa !important;
--mvrc-overlay: rgba(0,0,0,0.4) !important;
--mvrc-shadow-soft: 0 8px 30px rgba(0,0,0,0.08) !important;
--mvrc-shadow-strong: -16px 0 48px rgba(0,0,0,0.15) !important;
}
/* Drawer surfaces */
[data-theme="light"] .mvrc-drawer,
[data-theme="light"] .mvrc-drawer__header,
[data-theme="light"] .mvrc-drawer__body,
[data-theme="light"] .mvrc-drawer__footer {
background: #ffffff !important;
color: #17171c !important;
}
[data-theme="light"] .mvrc-drawer__header {
border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .mvrc-drawer__title {
color: #17171c !important;
}
[data-theme="light"] .mvrc-drawer__item-count {
color: #6b7180 !important;
}
/* Drawer close X */
[data-theme="light"] .mvrc-drawer__close {
border-color: rgba(0,0,0,0.15) !important;
color: #17171c !important;
background: transparent !important;
}
[data-theme="light"] .mvrc-drawer__close:hover {
border-color: #0681e1 !important;
background: rgba(6,129,225,0.06) !important;
color: #0681e1 !important;
}
/* Free shipping bar */
[data-theme="light"] .mvrc-shipping-bar__text {
color: #6b7180 !important;
}
[data-theme="light"] .mvrc-shipping-bar__track {
background: rgba(0,0,0,0.06) !important;
}
/* Cart items */
[data-theme="light"] .mvrc-cart-item {
border-bottom: 1px solid rgba(0,0,0,0.07) !important;
}
[data-theme="light"] .mvrc-cart-item__name,
[data-theme="light"] .mvrc-cart-item__name a {
color: #17171c !important;
}
[data-theme="light"] .mvrc-cart-item__name:hover,
[data-theme="light"] .mvrc-cart-item__name a:hover {
color: #0681e1 !important;
}
[data-theme="light"] .mvrc-cart-item__line-total,
[data-theme="light"] .mvrc-cart-item__unit-price {
color: #17171c !important;
}
[data-theme="light"] .mvrc-cart-item__meta {
color: #6b7180 !important;
}
/* Quantity +/- buttons */
[data-theme="light"] .mvrc-qty__button {
border-color: rgba(0,0,0,0.15) !important;
color: #17171c !important;
background: transparent !important;
}
[data-theme="light"] .mvrc-qty__button:hover {
background: rgba(6,129,225,0.08) !important;
border-color: #0681e1 !important;
color: #0681e1 !important;
}
[data-theme="light"] .mvrc-qty__input {
background: #f5f6f8 !important;
color: #17171c !important;
border: 1px solid #cacdd5 !important;
}
/* Remove item X */
[data-theme="light"] .mvrc-cart-item__remove {
color: #6b7180 !important;
}
[data-theme="light"] .mvrc-cart-item__remove:hover {
color: #dc3232 !important;
}
/* Disclaimer bar */
[data-theme="light"] .mvrc-drawer__disclaimer {
background: rgba(245,158,11,0.1) !important;
color: #92400e !important;
border-color: rgba(245,158,11,0.3) !important;
}
/* Subtotal */
[data-theme="light"] .mvrc-drawer__subtotal {
color: #17171c !important;
}
[data-theme="light"] .mvrc-drawer__subtotal-amount {
color: #17171c !important;
}
/* Primary button (Checkout) — darker gradient + text-shadow for pop */
[data-theme="light"] .mvrc-btn--primary,
[data-theme="light"] a.mvrc-btn--primary,
[data-theme="light"] button.mvrc-btn--primary,
html[data-theme="light"] .mvrc-btn--primary,
html[data-theme="light"] a.mvrc-btn--primary {
background: linear-gradient(135deg, #0570c4 0%, #04539e 100%) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
box-shadow: 0 4px 16px rgba(6,129,225,0.3) !important;
border: none !important;
opacity: 1 !important;
filter: none !important;
letter-spacing: 0.02em !important;
}
[data-theme="light"] .mvrc-btn--primary,
[data-theme="light"] .mvrc-btn--primary *,
[data-theme="light"] a.mvrc-btn--primary,
[data-theme="light"] a.mvrc-btn--primary *,
[data-theme="light"] button.mvrc-btn--primary,
[data-theme="light"] button.mvrc-btn--primary * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
[data-theme="light"] .mvrc-btn--primary:hover,
[data-theme="light"] a.mvrc-btn--primary:hover {
background: linear-gradient(135deg, #0691fa 0%, #0681e1 100%) !important;
box-shadow: 0 6px 22px rgba(6,129,225,0.35) !important;
}
/* Secondary button (View cart) */
[data-theme="light"] .mvrc-btn--secondary,
[data-theme="light"] a.mvrc-btn--secondary {
border-color: rgba(6,129,225,0.4) !important;
color: #0681e1 !important;
background: transparent !important;
}
[data-theme="light"] .mvrc-btn--secondary:hover,
[data-theme="light"] a.mvrc-btn--secondary:hover {
background: rgba(6,129,225,0.08) !important;
border-color: #0681e1 !important;
}
/* Floating FAB trigger */
[data-theme="light"] .mvrc-cart-trigger {
background: linear-gradient(135deg, #0681e1 0%, #0570c4 100%) !important;
box-shadow: 0 8px 24px rgba(6,129,225,0.25) !important;
}
[data-theme="light"] .mvrc-cart-trigger:hover {
box-shadow: 0 10px 32px rgba(6,129,225,0.4) !important;
}
[data-theme="light"] .mvrc-cart-trigger svg,
[data-theme="light"] .mvrc-cart-trigger__icon {
color: #ffffff !important;
}
/* Mobile bottom bar */
[data-theme="light"] .mvrc-mobile-bar {
background: rgba(8, 22, 38, 0.94) !important;
border: 1px solid rgba(255,255,255,0.12) !important;
border-top: 1px solid rgba(255,255,255,0.12) !important;
box-shadow: 0 14px 36px rgba(0,0,0,0.42), 0 2px 8px rgba(0,0,0,0.18) !important;
}
[data-theme="light"] .mvrc-mobile-bar__summary,
[data-theme="light"] .mvrc-mobile-bar__count {
color: rgba(255,255,255,0.72) !important;
}
[data-theme="light"] .mvrc-mobile-bar__total {
color: #ffffff !important;
}
[data-theme="light"] .mvrc-mobile-bar__checkout,
[data-theme="light"] a.mvrc-mobile-bar__checkout,
[data-theme="light"] a.mvrc-mobile-bar__checkout:visited {
background: #0691fa !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
box-shadow: 0 6px 16px rgba(6,145,250,0.32) !important;
border: none !important;
opacity: 1 !important;
filter: none !important;
letter-spacing: 0.02em !important;
font-weight: 700 !important;
}
[data-theme="light"] .mvrc-mobile-bar__checkout *,
[data-theme="light"] a.mvrc-mobile-bar__checkout * {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
[data-theme="light"] .mvrc-mobile-bar__checkout:hover,
[data-theme="light"] a.mvrc-mobile-bar__checkout:hover {
background: #0681e1 !important;
box-shadow: 0 6px 22px rgba(6,129,225,0.4) !important;
}
/* Upsells */
[data-theme="light"] .mvrc-upsells__title {
color: #17171c !important;
}
[data-theme="light"] .mvrc-upsell-card {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .mvrc-upsell-card__name {
color: #17171c !important;
}
[data-theme="light"] .mvrc-upsell-card__price {
color: #17171c !important;
}
[data-theme="light"] .mvrc-upsell-card__add {
background: #0681e1 !important;
color: #ffffff !important;
}
[data-theme="light"] .mvrc-upsell-card__add:hover {
background: #0570c4 !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2o — CART + CHECKOUT POLISH (light mode)
═══════════════════════════════════════════════════════════════ */
/* Order total green (override Helix gold) */
html[data-theme="light"] .helix-cart-page,
html[data-theme="light"] .helix-checkout-page {
--helix-accent-gold: #389f3e !important;
}
[data-theme="light"] .helix-cart-page .cart_totals .order-total .woocommerce-Price-amount,
[data-theme="light"] .helix-cart-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
[data-theme="light"] .helix-cart-page .wc-block-components-totals-footer-item .wc-block-formatted-money-amount,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {
color: #389f3e !important;
}
/* Hide cart/checkout subtitle in light mode too (defensive) */
[data-theme="light"] .helix-cart-page .entry-title::after,
[data-theme="light"] .helix-cart-page h1.entry-title::after,
[data-theme="light"] .helix-checkout-page .entry-title::after,
[data-theme="light"] .helix-checkout-page h1.entry-title::after {
display: none !important;
content: none !important;
}
/* Save badge (light) */
[data-theme="light"] .helix-cart-page .wc-block-components-product-badge,
[data-theme="light"] .wc-block-components-product-badge {
background: rgba(56,159,62,0.1) !important;
color: #389f3e !important;
border: 1px solid rgba(56,159,62,0.3) !important;
}
/* Product thumbnail (light) */
[data-theme="light"] .helix-cart-page .wc-block-cart-item__image img,
[data-theme="light"] .helix-cart-page .wc-block-components-product-image img,
[data-theme="light"] .helix-storefront-shell .wc-block-cart-item__image img {
background: #f5f6f8 !important;
border: 1px solid rgba(0,0,0,0.08) !important;
}
/* Giveaway "Sorry!" out-of-stock message (light) */
[data-theme="light"] .wt_sc_product_out_of_stock,
[data-theme="light"] p.wt_sc_product_out_of_stock {
background: rgba(220,50,50,0.08) !important;
color: #dc3232 !important;
border: 1px solid rgba(220,50,50,0.25) !important;
}
/* Giveaway buttons (light) */
[data-theme="light"] button.wt_choose_free_product,
[data-theme="light"] button.wt_add_to_cart_all_btn,
[data-theme="light"] .wt_give_away_products button.wt_choose_free_product,
[data-theme="light"] .wt_give_away_products button.wt_add_to_cart_all_btn,
[data-theme="light"] .wt_give_away_products .wt_choose_button_box button {
background: linear-gradient(135deg, #0681e1 0%, #0570c4 100%) !important;
color: #ffffff !important;
box-shadow: 0 4px 14px rgba(6,129,225,0.2) !important;
}
[data-theme="light"] button.wt_choose_free_product:hover,
[data-theme="light"] button.wt_add_to_cart_all_btn:hover,
[data-theme="light"] .wt_give_away_products button:hover {
background: linear-gradient(135deg, #0691fa 0%, #0681e1 100%) !important;
box-shadow: 0 6px 20px rgba(6,129,225,0.3) !important;
}
/* Giveaway product card container (light) */
[data-theme="light"] .wt_give_away_products .wt_give_away_product {
border: 1px solid rgba(0,0,0,0.08) !important;
background: #ffffff !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}
[data-theme="light"] .wt_give_away_products .wt_give_away_product h4,
[data-theme="light"] .wt_give_away_products .wt_give_away_product .wt_product_title {
color: #17171c !important;
}
/* "Choose products (0/1)" label (light) */
[data-theme="light"] .wt_give_away_products_heading,
[data-theme="light"] .wt_choose_products_heading {
color: #6b7180 !important;
}
/* My Account Quick Actions (light) */
[data-theme="light"] .helix-action-btn {
color: #6b7180 !important;
background: #ffffff !important;
border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .helix-action-btn:hover {
border-color: #0681e1 !important;
color: #0681e1 !important;
}
[data-theme="light"] .helix-action-btn svg {
stroke: currentColor !important;
}
/* Primary "Shop Now" quick action — WHITE on blue (light) */
[data-theme="light"] .helix-action-btn-primary,
[data-theme="light"] a.helix-action-btn-primary {
background: linear-gradient(135deg, #0681e1, #0570c4) !important;
border-color: #0681e1 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
[data-theme="light"] .helix-action-btn-primary *,
[data-theme="light"] .helix-action-btn-primary span,
[data-theme="light"] .helix-action-btn-primary svg,
[data-theme="light"] a.helix-action-btn-primary *,
[data-theme="light"] a.helix-action-btn-primary span {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
[data-theme="light"] .helix-action-btn-primary svg,
[data-theme="light"] .helix-action-btn-primary svg * {
stroke: #ffffff !important;
color: #ffffff !important;
}
[data-theme="light"] .helix-action-btn-primary:hover,
[data-theme="light"] a.helix-action-btn-primary:hover {
background: linear-gradient(135deg, #0691fa, #0681e1) !important;
box-shadow: 0 6px 20px rgba(6,129,225,0.3) !important;
color: #ffffff !important;
}
/* ═══ CHECKOUT: "Your order" + Shipping readability — LIGHT MODE ═══ */
/* Order review heading */
[data-theme="light"] .helix-checkout-page #order_review_heading,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order h3,
[data-theme="light"] .helix-checkout-page h3#order_review_heading {
color: #17171c !important;
-webkit-text-fill-color: #17171c !important;
}
/* Order review container */
[data-theme="light"] .helix-checkout-page #order_review {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.08) !important;
}
/* Classic shipping method list — defensive, applies even without .helix-checkout-page ancestor */
[data-theme="light"] #shipping_method li,
[data-theme="light"] ul#shipping_method li,
[data-theme="light"] ul.woocommerce-shipping-methods li,
[data-theme="light"] .helix-checkout-page #shipping_method li,
[data-theme="light"] .helix-checkout-page ul#shipping_method li {
color: #17171c !important;
background: #f5f6f8 !important;
border: 1px solid rgba(0,0,0,0.08) !important;
}
[data-theme="light"] ul#shipping_method li:has(input:checked),
[data-theme="light"] ul.woocommerce-shipping-methods li:has(input:checked) {
background: rgba(6,129,225,0.08) !important;
border-color: rgba(6,129,225,0.5) !important;
}
[data-theme="light"] ul#shipping_method li label,
[data-theme="light"] ul.woocommerce-shipping-methods li label {
color: #17171c !important;
-webkit-text-fill-color: #17171c !important;
}
[data-theme="light"] ul#shipping_method label .amount,
[data-theme="light"] ul#shipping_method label .woocommerce-Price-amount,
[data-theme="light"] ul.woocommerce-shipping-methods label .amount,
[data-theme="light"] ul.woocommerce-shipping-methods label .woocommerce-Price-amount {
color: #389f3e !important;
-webkit-text-fill-color: #389f3e !important;
}
[data-theme="light"] tr.woocommerce-shipping-totals th,
[data-theme="light"] tr.shipping th {
color: #17171c !important;
-webkit-text-fill-color: #17171c !important;
}
/* Radio input tint for light mode */
[data-theme="light"] ul#shipping_method input[type="radio"],
[data-theme="light"] ul.woocommerce-shipping-methods input[type="radio"] {
accent-color: #0681e1 !important;
}
[data-theme="light"] .helix-checkout-page #shipping_method label,
[data-theme="light"] .helix-checkout-page ul#shipping_method label,
[data-theme="light"] .helix-checkout-page .shipping_method + label,
[data-theme="light"] .helix-checkout-page tr.woocommerce-shipping-totals label,
[data-theme="light"] .helix-checkout-page tr.shipping label,
[data-theme="light"] .helix-checkout-page .woocommerce-shipping-methods label {
color: #17171c !important;
-webkit-text-fill-color: #17171c !important;
}
[data-theme="light"] .helix-checkout-page #shipping_method .amount,
[data-theme="light"] .helix-checkout-page tr.shipping .amount,
[data-theme="light"] .helix-checkout-page .woocommerce-shipping-totals .amount {
color: #389f3e !important;
}
/* Block-based shipping rates */
[data-theme="light"] .helix-checkout-page .wc-block-components-shipping-rates-control,
[data-theme="light"] .helix-checkout-page .wc-block-components-radio-control__option {
color: #17171c !important;
background: #f5f6f8 !important;
border: 1px solid rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .helix-checkout-page .wc-block-components-shipping-rates-control .wc-block-components-radio-control__label,
[data-theme="light"] .helix-checkout-page .wc-block-components-radio-control__label,
[data-theme="light"] .helix-checkout-page .wc-block-components-shipping-rates-control__package-title {
color: #17171c !important;
-webkit-text-fill-color: #17171c !important;
}
[data-theme="light"] .helix-checkout-page .wc-block-components-radio-control__secondary-label,
[data-theme="light"] .helix-checkout-page .wc-block-components-radio-control__option .wc-block-components-formatted-money-amount {
color: #389f3e !important;
-webkit-text-fill-color: #389f3e !important;
}
/* ═══ ORDER REVIEW TABLE — beat Helix checkout.css L930-977 in light mode ═══ */
/* Table background + border (was dark card bg + teal border) */
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table,
[data-theme="light"] .helix-storefront-shell #order_review table,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
background: #ffffff !important;
border: 1px solid rgba(0,0,0,0.08) !important;
}
/* All cells — force dark text (was rgba(255,255,255,0.9) !important) */
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table tr,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table td,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table th,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table tfoot td,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table tfoot th,
[data-theme="light"] .helix-storefront-shell #order_review table tr,
[data-theme="light"] .helix-storefront-shell #order_review table td,
[data-theme="light"] .helix-storefront-shell #order_review table th,
[data-theme="light"] .helix-storefront-shell #order_review table tfoot td,
[data-theme="light"] .helix-storefront-shell #order_review table tfoot th,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table td,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table th {
color: #17171c !important;
-webkit-text-fill-color: #17171c !important;
background: transparent !important;
background-color: transparent !important;
}
/* Product quantity "× 1" (was rgba(255,255,255,0.4) — invisible on white) */
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .product-name .product-quantity,
[data-theme="light"] .helix-storefront-shell #order_review .product-name .product-quantity,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name .product-quantity {
color: #6b7180 !important;
-webkit-text-fill-color: #6b7180 !important;
}
/* Cart-discount row (coupon FREE BAC Water) — was teal #4fd1c5 */
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .cart-discount td,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .cart-discount th,
[data-theme="light"] .helix-storefront-shell #order_review .cart-discount td,
[data-theme="light"] .helix-storefront-shell #order_review .cart-discount th,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table .cart-discount td,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table .cart-discount th {
color: #389f3e !important;
-webkit-text-fill-color: #389f3e !important;
}
/* Order total row — was GOLD #C6A664, now brand green */
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .order-total td,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .order-total th,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .order-total .amount,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount bdi,
[data-theme="light"] .helix-storefront-shell #order_review .order-total td,
[data-theme="light"] .helix-storefront-shell #order_review .order-total .amount,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total td,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total .amount {
color: #389f3e !important;
-webkit-text-fill-color: #389f3e !important;
}
/* thead row (hidden on mobile but still renders on desktop) */
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table thead tr,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table thead th,
[data-theme="light"] .helix-storefront-shell #order_review table thead th {
background: #f5f6f8 !important;
color: #6b7180 !important;
-webkit-text-fill-color: #6b7180 !important;
}
/* Row borders (was rgba(255,255,255,0.05) — invisible on white) */
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table td,
[data-theme="light"] .helix-storefront-shell #order_review table td {
border-bottom-color: rgba(0,0,0,0.06) !important;
}
/* Product name link */
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .product-name a,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .product-name strong,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name a,
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name strong {
color: #17171c !important;
-webkit-text-fill-color: #17171c !important;
}
/* Row separators in light mode */
@media (max-width: 767px) {
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr,
[data-theme="light"] table.woocommerce-checkout-review-order-table tr {
border-bottom-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] body.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total,
[data-theme="light"] table.woocommerce-checkout-review-order-table tr.order-total {
border-top-color: rgba(0,0,0,0.15) !important;
}
}
/* Checkout $109.99 total — green, hit every possible selector */
[data-theme="light"] .helix-checkout-page tr.order-total .woocommerce-Price-amount,
[data-theme="light"] .helix-checkout-page tr.order-total .woocommerce-Price-amount bdi,
[data-theme="light"] .helix-checkout-page .wc-block-components-totals-footer-item,
[data-theme="light"] .helix-checkout-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
[data-theme="light"] .helix-checkout-page .wc-block-components-totals-footer-item .wc-block-formatted-money-amount,
[data-theme="light"] .helix-checkout-page .wc-block-components-totals-footer-item *,
[data-theme="light"] .helix-checkout-page .wc-block-checkout__totals .wc-block-components-totals-item__value,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .order-total td .woocommerce-Price-amount,
[data-theme="light"] .helix-checkout-page .woocommerce-checkout-review-order-table .order-total td .woocommerce-Price-amount bdi {
color: #389f3e !important;
-webkit-text-fill-color: #389f3e !important;
}
/* Cart total — same green in light mode */
[data-theme="light"] .helix-cart-page .wc-block-components-totals-footer-item *,
[data-theme="light"] .helix-cart-page tr.order-total .woocommerce-Price-amount,
[data-theme="light"] .helix-cart-page tr.order-total .woocommerce-Price-amount bdi {
color: #389f3e !important;
-webkit-text-fill-color: #389f3e !important;
}
/* COA page verify button — match specificity of .entry-content a rule,
force white text even when .entry-content a { color: #0681e1 } applies */
[data-theme="light"] body.page-id-516 .entry-content a.verify-btn,
[data-theme="light"] body.page-id-516 .entry-content a.verify-btn *,
[data-theme="light"] body.page-id-516 .entry-content a.verify-btn span,
[data-theme="light"] body.page-id-516 .entry-content a.verify-btn strong,
[data-theme="light"] body.page-id-516 a.verify-btn,
[data-theme="light"] body.page-id-516 a.verify-btn *,
[data-theme="light"] body.page-id-516 a.verify-btn span {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
}
[data-theme="light"] body.page-id-516 a.verify-btn svg,
[data-theme="light"] body.page-id-516 a.verify-btn svg * {
fill: #ffffff !important;
stroke: #ffffff !important;
color: #ffffff !important;
}
/* ═══════════════════════════════════════════════════════════════
SECTION 2k — PRODUCT DETAIL PAGE (apple-premium) — blue overlay
═══════════════════════════════════════════════════════════════ */
[data-theme="light"] .pci-apple-product .pci-category-badge,
[data-theme="light"] .pci-apple-product .pci-product-badge,
[data-theme="light"] .pci-apple-product .pci-purity-badge,
[data-theme="light"] .pci-apple-product .pci-gallery-badge {
background: rgba(6,129,225,0.08) !important;
color: #0681e1 !important;
border: 1px solid rgba(6,129,225,0.2) !important;
}
[data-theme="light"] .pci-apple-product .pci-purity-value {
color: #0681e1 !important;
}
[data-theme="light"] .pci-apple-product .pci-variant-card.selected,
[data-theme="light"] .pci-apple-product .pci-variant-btn.selected,
[data-theme="light"] .pci-apple-product .pci-variant-card:hover {
border-color: #0681e1 !important;
background: rgba(6,129,225,0.05) !important;
}
[data-theme="light"] .pci-apple-product a {
color: #0681e1 !important;
}
[data-theme="light"] .pci-apple-product .pci-add-to-cart-btn,
[data-theme="light"] .pci-apple-product button.single_add_to_cart_button {
background: linear-gradient(135deg, #0681e1, #0570c4) !important;
color: #ffffff !important;
border: none !important;
box-shadow: 0 4px 16px rgba(6,129,225,0.15) !important;
}
[data-theme="light"] .pci-apple-product .pci-add-to-cart-btn:hover {
background: linear-gradient(135deg, #0691fa, #0681e1) !important;
box-shadow: 0 6px 24px rgba(6,129,225,0.25) !important;
}
[data-theme="light"] .pci-apple-product .pci-gallery-arrow,
[data-theme="light"] .pci-apple-product .pci-gallery-dots button {
background: rgba(0,0,0,0.1) !important;
color: #17171c !important;
}
[data-theme="light"] .pci-apple-product .pci-gallery-dots button.active {
background: #0681e1 !important;
}
[data-theme="light"] .pci-apple-product .pci-description-fade {
background: linear-gradient(180deg, transparent 0%, #ffffff 100%) !important;
}