/* * Audible Club — Dark Mode (Complete) * Activated by class "dark-mode" on */ /* ═══════════════════════════════════════ 0. CSS CUSTOM PROPERTIES OVERRIDE ═══════════════════════════════════════ */ html.dark-mode { --primary: #7C6AFF; --primary-hover: #9B8FFF; --primary-light: #1E1A3A; --navy: #E2E8F0; --navy-mid: #CBD5E1; --navy-light: #94A3B8; --text: #CBD5E1; --text-light: #94A3B8; --text-lighter: #64748B; --bg: #0F172A; --bg-alt: #1E293B; --border: #334155; --shadow-sm: 0 2px 8px rgba(0,0,0,0.3); --shadow-md: 0 8px 30px rgba(0,0,0,0.4); --shadow-lg: 0 20px 60px rgba(0,0,0,0.5); color-scheme: dark; } html.dark-mode body { background-color: #0F172A; color: #CBD5E1; } /* ═══════════════════════════════════════ 1. HEADER / NAVIGATION ═══════════════════════════════════════ */ html.dark-mode .ac-nav, html.dark-mode .ac-header, html.dark-mode .ac-header__nav { background: #0F172A; box-shadow: 0 1px 0 #1E293B; } html.dark-mode .ac-nav.scrolled, html.dark-mode .ac-header.scrolled { background: #0F172A; box-shadow: 0 2px 12px rgba(0,0,0,0.4); } html.dark-mode .ac-header__main { background: #0F172A; border-bottom-color: #1E293B; } html.dark-mode .ac-logo__text { color: #F1F5F9; } html.dark-mode .ac-nav__link { color: #CBD5E1; } html.dark-mode .ac-nav__link:hover { color: #7C6AFF; } html.dark-mode .ac-cat-nav a { color: #CBD5E1; } html.dark-mode .ac-cat-nav a:hover, html.dark-mode .ac-cat-nav .current-menu-item > a { background: #1E1A3A; color: #7C6AFF; } html.dark-mode .ac-header__icon-btn { color: #CBD5E1; } html.dark-mode .ac-header__icon-btn:hover { background: #1E1A3A; } html.dark-mode .ac-hamburger__bar { background: #F1F5F9; } /* Search */ html.dark-mode .ac-search__input { background: #1E293B; border-color: #334155; color: #F1F5F9; } html.dark-mode .ac-search__dropdown { background: #1E293B; border-color: #334155; } html.dark-mode .ac-search__result { color: #CBD5E1; border-bottom-color: #334155; } html.dark-mode .ac-search__result:hover { background: #0F172A; } html.dark-mode .ac-search__result-thumb { background: #0F172A; } /* ═══════════════════════════════════════ 2. MOBILE MENU ═══════════════════════════════════════ */ html.dark-mode .ac-mobile-menu { background: #0F172A; border-color: #1E293B; } html.dark-mode .ac-mobile-menu a, html.dark-mode .ac-mobile-nav a { color: #CBD5E1; } html.dark-mode .ac-mobile-nav a:hover { background: #1E293B; } html.dark-mode .ac-mobile-menu__close { background: #1E293B; color: #CBD5E1; } html.dark-mode .ac-mobile-overlay { background: rgba(0,0,0,0.6); } /* ═══════════════════════════════════════ 3. HERO SECTION ═══════════════════════════════════════ */ html.dark-mode .ac-hero { background: linear-gradient(135deg, #0B1120 0%, #162040 100%); } /* ═══════════════════════════════════════ 4. HEADINGS & TEXT (global) ═══════════════════════════════════════ */ html.dark-mode .ac-section-title, html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4 { color: #F1F5F9; } html.dark-mode .ac-section-subtitle { color: #94A3B8; } /* ═══════════════════════════════════════ 5. STATS SECTION (homepage) ═══════════════════════════════════════ */ html.dark-mode .ac-stats { background: #1E293B; border-bottom-color: #334155; } html.dark-mode .ac-stats__item { background: #0F172A; border-color: #334155; } html.dark-mode .ac-stats__label { color: #94A3B8; } /* ═══════════════════════════════════════ 6. CATEGORY CARDS (homepage) ═══════════════════════════════════════ */ html.dark-mode .ac-cat-card { background: #1E293B; border-color: #334155; color: #CBD5E1; } html.dark-mode .ac-cat-card__name { color: #F1F5F9; } html.dark-mode .ac-cat-card__count { color: #94A3B8; } /* ═══════════════════════════════════════ 7. FEATURED PRODUCTS (homepage) ═══════════════════════════════════════ */ html.dark-mode .ac-featured-products { background: #0F172A; } /* ═══════════════════════════════════════ 8. PRODUCT CARDS (homepage, shop) ═══════════════════════════════════════ */ html.dark-mode .ac-card, html.dark-mode .ac-product-card, html.dark-mode .woocommerce ul.products li.product { background: #1E293B; border-color: #334155; } html.dark-mode .ac-card:hover, html.dark-mode .ac-product-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.4); } html.dark-mode .ac-product-card__img { background: #0F172A; } html.dark-mode .ac-product-card__title a { color: #F1F5F9; } html.dark-mode .ac-product-card__price del { color: #64748B; } html.dark-mode .ac-product-card__quick { background: linear-gradient(transparent, rgba(15,23,42,0.95)); } html.dark-mode .ac-product-card__sold { color: #94A3B8 !important; } html.dark-mode .ac-badge--out { background: #475569; color: #CBD5E1; } /* ═══════════════════════════════════════ 9. FEATURES SECTION (homepage) ═══════════════════════════════════════ */ html.dark-mode .ac-features { background: #0F172A; } html.dark-mode .ac-feature-card { background: #1E293B; border-color: #334155; } html.dark-mode .ac-feature-card__icon { background: #1E1A3A; } html.dark-mode .ac-feature-card p { color: #94A3B8; } /* ═══════════════════════════════════════ 10. HOW IT WORKS (homepage) ═══════════════════════════════════════ */ html.dark-mode .ac-how { background: #0F172A; } html.dark-mode .ac-how__step { background: transparent; border: none; } html.dark-mode .ac-how__step h3 { color: #F1F5F9; } html.dark-mode .ac-how__step p { color: #94A3B8; } html.dark-mode .ac-how__step-num { background: #7C6AFF; color: #FFF; } html.dark-mode .ac-how__connector { background: #334155; } html.dark-mode .ac-how__connector::after { border-color: #334155; } /* ═══════════════════════════════════════ 11. TRUSTPILOT BADGE ═══════════════════════════════════════ */ html.dark-mode .ac-trustpilot-badge { background: #0B1120; } html.dark-mode .ac-tp-pdp, html.dark-mode [style*="background:#f8fafc"], html.dark-mode [style*="background: rgb(248, 250, 252)"] { background: #1E293B !important; border-color: #334155 !important; } /* ═══════════════════════════════════════ 12. REVIEWS SECTION (product page) ═══════════════════════════════════════ */ html.dark-mode .ac-reviews { background: #0F172A; } html.dark-mode .ac-reviews__title, html.dark-mode .ac-reviews__avg { color: #F1F5F9; } html.dark-mode .ac-reviews__count { color: #94A3B8; } html.dark-mode .ac-testimonial, html.dark-mode .ac-review-card { background: #1E293B; border-color: #334155; } html.dark-mode .ac-review-card__name, html.dark-mode .ac-review-card__title { color: #F1F5F9; } html.dark-mode .ac-review-card__text, html.dark-mode .ac-review-card__body, html.dark-mode .ac-testimonial p { color: #CBD5E1; } html.dark-mode .ac-review-card__author { color: #94A3B8; } /* Reviews Overlay */ html.dark-mode .ac-reviews-overlay { background: rgba(0,0,0,0.7); } html.dark-mode .ac-reviews-overlay__inner { background: #1E293B; } html.dark-mode .ac-reviews-overlay__head { background: #1E293B; border-bottom-color: #334155; } html.dark-mode .ac-reviews-overlay__close { background: #0F172A; color: #94A3B8; } html.dark-mode .ac-reviews-overlay__close:hover { background: #334155; } /* Review Tab/Form */ html.dark-mode .ac-review-tab__item { background: #0F172A; } html.dark-mode .ac-review-tab__item-date { color: #64748B; } html.dark-mode .ac-review-tab__item p { color: #CBD5E1; } html.dark-mode .ac-review-tab__field label { color: #F1F5F9; } html.dark-mode .ac-review-tab__field input, html.dark-mode .ac-review-tab__field textarea { background: #0F172A; border-color: #334155; color: #F1F5F9; } html.dark-mode .ac-review-tab__form-wrap { border-top-color: #334155; } html.dark-mode .ac-star-svg { fill: #475569; } html.dark-mode .ac-review-tab__msg--ok { background: rgba(48,181,102,0.15); color: #4ADE80; border-color: rgba(48,181,102,0.3); } html.dark-mode .ac-review-tab__msg--err { background: rgba(237,95,116,0.15); color: #FB7185; border-color: rgba(237,95,116,0.3); } /* ═══════════════════════════════════════ 13. FAQ SECTION ═══════════════════════════════════════ */ html.dark-mode .ac-faq { background: #0F172A; } html.dark-mode .ac-faq__item { background: #1E293B; border-color: #334155; } html.dark-mode .ac-faq__question { color: #F1F5F9; } html.dark-mode .ac-faq__answer { color: #94A3B8; } /* ═══════════════════════════════════════ 14. NEWSLETTER SECTION ═══════════════════════════════════════ */ html.dark-mode .ac-newsletter { background: #1E293B; border-color: #334155; } html.dark-mode .ac-newsletter__subtitle { color: #94A3B8; } /* ═══════════════════════════════════════ 15. PRO TIPS SECTION (product page) ═══════════════════════════════════════ */ html.dark-mode .ac-protips .ac-container { background: #1E293B !important; border-color: #334155 !important; } html.dark-mode .ac-protips__kicker { color: #7C6AFF; } html.dark-mode .ac-protips__subtitle { color: #F1F5F9; } html.dark-mode .ac-protips__more { background: #0F172A; } html.dark-mode .ac-protips__card { background: #0F172A; border-color: #334155; } html.dark-mode .ac-protips__pill { background: #1E1A3A; color: #7C6AFF; } html.dark-mode .ac-protips__title { color: #F1F5F9; } html.dark-mode .ac-protips__excerpt { color: #94A3B8; } html.dark-mode .ac-protips__arrow { color: #64748B; } /* ═══════════════════════════════════════ 16. ARTICLE / BLOG PAGES ═══════════════════════════════════════ */ html.dark-mode .ac-article__kicker { background: #1E1A3A; color: #7C6AFF; } html.dark-mode .ac-article__title { color: #F1F5F9; } html.dark-mode .ac-article__meta { color: #64748B; } html.dark-mode .ac-article__cover { background: #1E293B; } html.dark-mode .ac-article__content { color: #CBD5E1; } html.dark-mode .ac-article__content h2, html.dark-mode .ac-article__content h3 { color: #F1F5F9; } html.dark-mode .ac-article__content blockquote { background: #1E1A3A; color: #CBD5E1; } html.dark-mode .ac-article__content code { background: #1E293B; color: #CBD5E1; } html.dark-mode .ac-article__tag { background: #1E293B; color: #94A3B8; } html.dark-mode .ac-article__tag:hover { background: #1E1A3A; color: #7C6AFF; } html.dark-mode .ac-article__nav-link { background: #1E293B; border-color: #334155; color: #F1F5F9; } html.dark-mode .ac-article__nav-link:hover { background: #0F172A; } html.dark-mode .ac-article__nav-label { color: #64748B; } html.dark-mode .ac-article__nav-title { color: #F1F5F9; } html.dark-mode .ac-article__footer { border-top-color: #334155; } /* ═══════════════════════════════════════ 17. PRODUCT PAGE SPECIFICS ═══════════════════════════════════════ */ html.dark-mode .product .entry-summary, html.dark-mode .product .summary { color: #CBD5E1; } html.dark-mode .product_title, html.dark-mode .single-product .product_title { color: #F1F5F9; } html.dark-mode .product .price, html.dark-mode .single-product .price { color: #F1F5F9; } html.dark-mode .product .price ins { color: #7C6AFF; } html.dark-mode .product .price del, html.dark-mode .single-product .price del { color: #64748B; } html.dark-mode .woocommerce-product-details__short-description { color: #94A3B8; } /* Product page — select dropdown options (PC) */ html.dark-mode select option { background: #1E293B; color: #F1F5F9; } /* Product page — variations select arrow (override WooCommerce black arrow) */ html.dark-mode .woocommerce div.product form.cart .variations select { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2394A3B8' stroke-width='1.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat; background-color: #1E293B; background-size: 12px; background-position: calc(100% - 12px) 50%; border-color: #334155; color: #F1F5F9; } /* Product page — white bg cards in description */ html.dark-mode .product [style*="background: #fff"], html.dark-mode .product [style*="background:#fff"], html.dark-mode .product [style*="background: white"], html.dark-mode .product [style*="background:#ffffff"], html.dark-mode .product [style*="background: #ffffff"], html.dark-mode #tab-description [style*="background: #fff"], html.dark-mode #tab-description [style*="background:#fff"], html.dark-mode #tab-description [style*="background:#ffffff"], html.dark-mode #tab-description [style*="background: #ffffff"] { background: #1E293B !important; border-color: #334155 !important; } /* Product page — green benefit cards (#ECFDF5 / #F0FDF4) */ html.dark-mode [style*="background:#ECFDF5"], html.dark-mode [style*="background: #ECFDF5"], html.dark-mode [style*="background:#F0FDF4"], html.dark-mode [style*="background: #F0FDF4"] { background: rgba(16,185,129,0.1) !important; color: #CBD5E1 !important; } /* Product page — light purple/blue cards (#F8FAFF) */ html.dark-mode [style*="background:#F8FAFF"], html.dark-mode [style*="background: #F8FAFF"] { background: #1E293B !important; } /* Product page — inline dark text colors in benefit cards */ html.dark-mode .product [style*="color:#065F46"], html.dark-mode .product [style*="color: #065F46"], html.dark-mode .product [style*="color:#065f46"], html.dark-mode .product [style*="color: #065f46"] { color: #34D399 !important; } html.dark-mode .product [style*="color:#92400e"], html.dark-mode .product [style*="color: #92400e"], html.dark-mode .product [style*="color:#92400E"], html.dark-mode .product [style*="color: #92400E"] { color: #FBBF24 !important; } html.dark-mode .product [style*="color:#1e3a8a"], html.dark-mode .product [style*="color: #1e3a8a"], html.dark-mode .product [style*="color:#1E3A8A"], html.dark-mode .product [style*="color: #1E3A8A"] { color: #60A5FA !important; } /* Product page description — white border (#E5E7EB) cards */ html.dark-mode [style*="border: 1px solid #E5E7EB"], html.dark-mode [style*="border:1px solid #E5E7EB"] { border-color: #334155 !important; } html.dark-mode .woocommerce-product-gallery { background: #1E293B; border-color: #334155; } html.dark-mode .ac-sold-badge { background: #1E293B; color: #94A3B8; } /* WooCommerce Tabs */ html.dark-mode .woocommerce-tabs .tabs { border-bottom-color: #334155; } html.dark-mode .woocommerce-tabs .tabs li a { color: #94A3B8; } html.dark-mode .woocommerce-tabs .tabs li.active a { color: #7C6AFF; border-bottom-color: #7C6AFF; } /* ═══════════════════════════════════════ 18. BUTTONS ═══════════════════════════════════════ */ html.dark-mode .ac-btn-primary, html.dark-mode .button.alt, html.dark-mode button.single_add_to_cart_button { background: #7C6AFF; color: #FFFFFF; } html.dark-mode .ac-btn-primary:hover, html.dark-mode .button.alt:hover { background: #9B8FFF; } html.dark-mode .ac-btn-outline { border-color: #475569; color: #CBD5E1; } html.dark-mode .ac-btn-outline:hover { border-color: #7C6AFF; color: #7C6AFF; } /* ═══════════════════════════════════════ 19. FORMS / INPUTS ═══════════════════════════════════════ */ html.dark-mode input, html.dark-mode textarea, html.dark-mode .select2-container--default .select2-selection--single { background: #1E293B; border-color: #334155; color: #F1F5F9; } html.dark-mode select { background-color: #1E293B; border-color: #334155; color: #F1F5F9; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2394A3B8' stroke-width='1.5' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; } html.dark-mode input::placeholder, html.dark-mode textarea::placeholder { color: #64748B; } html.dark-mode input:focus, html.dark-mode textarea:focus, html.dark-mode select:focus { border-color: #7C6AFF; box-shadow: 0 0 0 2px rgba(124,106,255,0.2); } /* Select2 Dropdown */ html.dark-mode .select2-container--default .select2-dropdown { background: #1E293B; border-color: #334155; } html.dark-mode .select2-container--default .select2-results__option { background: #1E293B; color: #CBD5E1; } html.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #7C6AFF; color: #FFF; } html.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered { color: #F1F5F9; } /* ═══════════════════════════════════════ 20. TRUST BADGES / PAYMENT ICONS ═══════════════════════════════════════ */ html.dark-mode .ac-trust-badges, html.dark-mode .ac-trust-pill { background: #1E293B; border-color: #334155; color: #CBD5E1; } /* ═══════════════════════════════════════ 21. SHOP PAGE ═══════════════════════════════════════ */ html.dark-mode .ac-shop-toolbar { background: #1E293B; border-color: #334155; } html.dark-mode .ac-shop-count, html.dark-mode .woocommerce-result-count { color: #94A3B8; } html.dark-mode .woocommerce-ordering select { background: #0F172A; border-color: #334155; color: #CBD5E1; } /* ═══════════════════════════════════════ 22. CART PAGE ═══════════════════════════════════════ */ html.dark-mode .woocommerce .cart_totals table.shop_table { border-color: #334155; } html.dark-mode .woocommerce .quantity .qty { border-color: #334155; } html.dark-mode .woocommerce .actions .button[name="update_cart"] { background: #1E293B; color: #CBD5E1; border-color: #334155; } html.dark-mode .woocommerce .actions .button[name="update_cart"]:hover { background: #334155; } /* ═══════════════════════════════════════ 23. CHECKOUT PAGE ═══════════════════════════════════════ */ html.dark-mode .woocommerce-checkout #payment { background: #1E293B; border-color: #334155; } html.dark-mode .woocommerce-checkout #payment div.payment_box { background: #0F172A; color: #94A3B8; } html.dark-mode .woocommerce-checkout h3 { border-bottom-color: #334155; } html.dark-mode .woocommerce form .form-row label { color: #CBD5E1; } html.dark-mode #order_review table.shop_table { border-color: #334155; } html.dark-mode body.woocommerce-checkout #order_review_heading { background: #1E293B !important; color: #F1F5F9 !important; } html.dark-mode body.woocommerce-checkout #order_review { border-color: #334155; } html.dark-mode .ac-co-qty { background: #1E293B !important; border-color: #334155 !important; } html.dark-mode .ac-co-qty__btn { background: #0F172A !important; color: #CBD5E1 !important; } html.dark-mode .woocommerce-checkout-review-order-table tbody tr td { border-bottom-color: #334155; } html.dark-mode #wc-stripe-card-element { background: #1E293B !important; } html.dark-mode .ac-checkout-item__info { color: #F1F5F9 !important; } html.dark-mode .ac-checkout-item__img { background: #0F172A !important; } html.dark-mode .ac-checkout-item__remove { color: #64748B !important; } /* Checkout — three-column cards (#ac-additional-info, #order_review, #ac-payment) */ html.dark-mode body.woocommerce-checkout form.woocommerce-checkout #ac-additional-info { background: #1E293B !important; border-color: #334155 !important; color: #CBD5E1 !important; } html.dark-mode body.woocommerce-checkout form.woocommerce-checkout #order_review_heading { background: #1E293B !important; border-color: #334155 !important; color: #F1F5F9 !important; } html.dark-mode body.woocommerce-checkout form.woocommerce-checkout #order_review { background: #1E293B !important; border-color: #334155 !important; color: #CBD5E1 !important; } html.dark-mode body.woocommerce-checkout form.woocommerce-checkout #ac-payment-heading { background: #1E293B !important; border-color: #334155 !important; color: #F1F5F9 !important; } html.dark-mode body.woocommerce-checkout form.woocommerce-checkout #ac-payment-col { background: #1E293B !important; border-color: #334155 !important; color: #CBD5E1 !important; } html.dark-mode #ac-additional-info h3 { color: #F1F5F9 !important; } /* Checkout — inputs/textarea */ html.dark-mode .woocommerce-checkout .form-row input.input-text, html.dark-mode .woocommerce-checkout .form-row textarea, html.dark-mode .woocommerce-checkout .form-row select, html.dark-mode .ac-additional-info textarea { background: #0F172A !important; border-color: #334155 !important; color: #F1F5F9 !important; } html.dark-mode .woocommerce-checkout .form-row input.input-text::placeholder, html.dark-mode .woocommerce-checkout .form-row textarea::placeholder, html.dark-mode .ac-additional-info textarea::placeholder { color: #64748B !important; } html.dark-mode .woocommerce-checkout .form-row input.input-text:focus, html.dark-mode .woocommerce-checkout .form-row textarea:focus, html.dark-mode .ac-additional-info textarea:focus { border-color: #7C6AFF !important; box-shadow: 0 0 0 3px rgba(124,106,255,0.2) !important; } /* Checkout — payment methods panel */ html.dark-mode .woocommerce-checkout #payment ul.payment_methods { background: transparent !important; border-color: #334155 !important; } html.dark-mode .woocommerce-checkout #payment ul.payment_methods li { background: transparent !important; border-color: #334155 !important; color: #CBD5E1 !important; } html.dark-mode .woocommerce-checkout #payment ul.payment_methods li label { color: #F1F5F9 !important; } /* Checkout — Stripe card elements */ html.dark-mode .woocommerce-checkout .wc-stripe-elements-field, html.dark-mode .woocommerce-checkout .stripe-card-group, html.dark-mode .woocommerce-checkout #wc-stripe-card-element, html.dark-mode .woocommerce-checkout .wc-stripe-iban-element-field { background: #0F172A !important; border-color: #334155 !important; color: #F1F5F9 !important; } /* Checkout — Stripe Link iframe (cross-origin, use filter) */ html.dark-mode .woocommerce-checkout #payment .payment_box iframe { filter: invert(0.88) hue-rotate(180deg); } /* Checkout — place order button area */ html.dark-mode .woocommerce-checkout #payment .place-order { background: transparent !important; } /* Checkout — error box */ html.dark-mode #ac-checkout-error-box { background: rgba(239,68,68,0.1) !important; border-color: rgba(239,68,68,0.3) !important; color: #FCA5A5 !important; } /* Checkout — override ALL hardcoded #0A2540 text to light */ html.dark-mode body.woocommerce-checkout [style*="color:#0A2540"], html.dark-mode body.woocommerce-checkout [style*="color: #0A2540"], html.dark-mode body.woocommerce-checkout [style*="color:#0a2540"], html.dark-mode body.woocommerce-checkout [style*="color: #0a2540"] { color: #F1F5F9 !important; } html.dark-mode body.woocommerce-checkout #order_review .ac-checkout-item__info { color: #F1F5F9 !important; } html.dark-mode body.woocommerce-checkout #order_review .ac-checkout-item__remove { color: #94A3B8 !important; } /* Checkout — order review table */ html.dark-mode .woocommerce-checkout .woocommerce-checkout-review-order-table th, html.dark-mode .woocommerce-checkout .woocommerce-checkout-review-order-table td { color: #CBD5E1 !important; border-color: #334155 !important; } html.dark-mode .woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name, html.dark-mode .woocommerce-checkout .woocommerce-checkout-review-order-table td.product-name a { color: #F1F5F9 !important; } html.dark-mode .woocommerce-checkout .woocommerce-checkout-review-order-table .order-total th { color: #F1F5F9 !important; } html.dark-mode .woocommerce-checkout .woocommerce-checkout-review-order-table .order-total td, html.dark-mode .woocommerce-checkout .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount { color: #7C6AFF !important; } /* ═══════════════════════════════════════ 23b. ORDER CONFIRMATION (THANK YOU) PAGE ═══════════════════════════════════════ */ html.dark-mode .ac-thankyou-block > p { color: #CBD5E1 !important; } /* Green card — Instant Delivery */ html.dark-mode .ac-thankyou-block [style*="background:#F0FDF4"], html.dark-mode .ac-thankyou-block [style*="background: #F0FDF4"] { background: rgba(16,185,129,0.1) !important; border-color: rgba(16,185,129,0.25) !important; border-left-color: #16A34A !important; } html.dark-mode .ac-thankyou-block [style*="background:#F0FDF4"] > div[style*="color:#15803D"], html.dark-mode .ac-thankyou-block [style*="background: #F0FDF4"] > div[style*="color:#15803D"] { color: #4ADE80 !important; } html.dark-mode .ac-thankyou-block [style*="background:#F0FDF4"] > div[style*="color:#14532D"], html.dark-mode .ac-thankyou-block [style*="background: #F0FDF4"] > div[style*="color:#14532D"] { color: #A7F3D0 !important; } /* Blue card — Manual Processing */ html.dark-mode .ac-thankyou-block [style*="background:#EFF6FF"], html.dark-mode .ac-thankyou-block [style*="background: #EFF6FF"] { background: rgba(37,99,235,0.1) !important; border-color: rgba(37,99,235,0.25) !important; border-left-color: #2563EB !important; } html.dark-mode .ac-thankyou-block [style*="background:#EFF6FF"] > div[style*="color:#1D4ED8"], html.dark-mode .ac-thankyou-block [style*="background: #EFF6FF"] > div[style*="color:#1D4ED8"] { color: #60A5FA !important; } html.dark-mode .ac-thankyou-block [style*="background:#EFF6FF"] > div[style*="color:#1E3A8A"], html.dark-mode .ac-thankyou-block [style*="background: #EFF6FF"] > div[style*="color:#1E3A8A"] { color: #BFDBFE !important; } /* Yellow card — Important */ html.dark-mode .ac-thankyou-block [style*="background:#FEF3C7"], html.dark-mode .ac-thankyou-block [style*="background: #FEF3C7"] { background: rgba(217,119,6,0.1) !important; border-color: rgba(217,119,6,0.25) !important; border-left-color: #D97706 !important; } html.dark-mode .ac-thankyou-block [style*="background:#FEF3C7"] > div[style*="color:#B45309"], html.dark-mode .ac-thankyou-block [style*="background: #FEF3C7"] > div[style*="color:#B45309"] { color: #FBBF24 !important; } html.dark-mode .ac-thankyou-block [style*="background:#FEF3C7"] > div[style*="color:#7C2D12"], html.dark-mode .ac-thankyou-block [style*="background: #FEF3C7"] > div[style*="color:#7C2D12"] { color: #FDE68A !important; } /* WooCommerce order details table below */ html.dark-mode .woocommerce-order .woocommerce-order-details, html.dark-mode .woocommerce-order .woocommerce-customer-details { color: #CBD5E1; } html.dark-mode .woocommerce-order .woocommerce-table--order-details, html.dark-mode .woocommerce-order .shop_table { background: #1E293B !important; border-color: #334155 !important; color: #CBD5E1; } html.dark-mode .woocommerce-order .shop_table th, html.dark-mode .woocommerce-order .shop_table td { border-color: #334155 !important; color: #CBD5E1 !important; } html.dark-mode .woocommerce-order .shop_table thead th { background: #0F172A !important; color: #94A3B8 !important; } html.dark-mode .woocommerce-order .woocommerce-order-overview { background: #1E293B; border-color: #334155; } html.dark-mode .woocommerce-order .woocommerce-order-overview li { border-right-color: #334155; color: #CBD5E1; } html.dark-mode .woocommerce-order .woocommerce-order-overview li strong { color: #F1F5F9; } html.dark-mode .woocommerce-order h2 { color: #F1F5F9 !important; } html.dark-mode .woocommerce-order address { background: #1E293B !important; border-color: #334155 !important; color: #CBD5E1 !important; } /* ═══════════════════════════════════════ 24. MY ACCOUNT PAGE ═══════════════════════════════════════ */ html.dark-mode .woocommerce-MyAccount-navigation ul { background: #1E293B; border-color: #334155; } html.dark-mode .woocommerce-MyAccount-navigation ul li a { color: #CBD5E1; border-bottom-color: #334155; } html.dark-mode .woocommerce-MyAccount-navigation ul li a:hover, html.dark-mode .woocommerce-MyAccount-navigation ul li.is-active a { background: #1E1A3A; color: #7C6AFF; } /* ═══════════════════════════════════════ 25. PAGE TEMPLATES (contact, refund, rewards) ═══════════════════════════════════════ */ html.dark-mode .ac-page-header { border-bottom-color: #334155; } html.dark-mode .ac-page-title { color: #F1F5F9; } html.dark-mode .ac-page-body.ac-prose { color: #CBD5E1; } /* ═══════════════════════════════════════ 26. INLINE STYLE OVERRIDES (pages with hardcoded colors) ═══════════════════════════════════════ */ /* Light bg cards/sections */ html.dark-mode [style*="background:#F8FAFF"], html.dark-mode [style*="background: #F8FAFF"], html.dark-mode [style*="background:#fff"], html.dark-mode [style*="background: #fff"], html.dark-mode [style*="background:#ffffff"], html.dark-mode [style*="background: #ffffff"], html.dark-mode [style*="background: rgb(255, 255, 255)"], html.dark-mode [style*="background:#f8f8f8"], html.dark-mode [style*="background: #f8f8f8"], html.dark-mode [style*="background:#F1F5F9"], html.dark-mode [style*="background: #F1F5F9"] { background: #1E293B !important; } /* Light borders */ html.dark-mode [style*="border:1px solid #E5E7EB"], html.dark-mode [style*="border: 1px solid #E5E7EB"], html.dark-mode [style*="border:1px solid #E0E7FF"], html.dark-mode [style*="border: 1px solid #E0E7FF"], html.dark-mode [style*="border:1px solid #eee"], html.dark-mode [style*="border: 1px solid #eee"], html.dark-mode [style*="border:1px solid #EDEDF2"], html.dark-mode [style*="border: 1px solid #EDEDF2"] { border-color: #334155 !important; } /* Dark text on light bg → light text */ html.dark-mode [style*="color:#0A2540"], html.dark-mode [style*="color: #0A2540"] { color: #F1F5F9 !important; } html.dark-mode [style*="color:#425466"], html.dark-mode [style*="color: #425466"] { color: #CBD5E1 !important; } html.dark-mode [style*="color:#666"], html.dark-mode [style*="color: #666"], html.dark-mode [style*="color:#64748B"], html.dark-mode [style*="color: #64748B"] { color: #94A3B8 !important; } html.dark-mode [style*="color:#333"], html.dark-mode [style*="color: #333"] { color: #CBD5E1 !important; } /* Gradient headers */ html.dark-mode [style*="background:linear-gradient(135deg,#F8FAFF"], html.dark-mode [style*="background: linear-gradient(135deg, #F8FAFF"], html.dark-mode [style*="background:linear-gradient(135deg, #F8FAFF"] { background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%) !important; } /* Green tip boxes */ html.dark-mode [style*="background:#ECFDF5"], html.dark-mode [style*="background: #ECFDF5"] { background: rgba(48,181,102,0.12) !important; } /* Purple icon bg */ html.dark-mode [style*="background:#f0e6ff"], html.dark-mode [style*="background: #f0e6ff"], html.dark-mode [style*="background:#EAF0FF"], html.dark-mode [style*="background: #EAF0FF"] { background: #1E1A3A !important; } /* ═══════════════════════════════════════ 27. FOOTER ═══════════════════════════════════════ */ html.dark-mode .ac-footer { background: #070D1A; border-top-color: #1E293B; } html.dark-mode .ac-footer, html.dark-mode .ac-footer a { color: #64748B; } html.dark-mode .ac-footer a:hover { color: #7C6AFF; } /* ═══════════════════════════════════════ 28. WOOCOMMERCE NOTICES ═══════════════════════════════════════ */ html.dark-mode .woocommerce-message { background: rgba(48,181,102,0.12); border-color: rgba(48,181,102,0.3); color: #4ADE80; } html.dark-mode .woocommerce-error { background: rgba(237,95,116,0.12); border-color: rgba(237,95,116,0.3); color: #FB7185; } html.dark-mode .woocommerce-info { background: #1E293B; border-color: #334155; color: #CBD5E1; } html.dark-mode .ac-form-status.is-success { background: rgba(48,181,102,0.12); color: #4ADE80; } html.dark-mode .ac-form-status.is-error { background: rgba(237,95,116,0.12); color: #FB7185; } /* ═══════════════════════════════════════ 29. WOOCOMMERCE TABLES (cart, orders) ═══════════════════════════════════════ */ html.dark-mode .woocommerce table.shop_table { background: #1E293B; border-color: #334155; } html.dark-mode .woocommerce table.shop_table th, html.dark-mode .woocommerce table.shop_table td { border-color: #334155; color: #CBD5E1; } /* ═══════════════════════════════════════ 30. PAGINATION ═══════════════════════════════════════ */ html.dark-mode .ac-pagination .page-numbers, html.dark-mode .woocommerce-pagination ul li a, html.dark-mode .woocommerce-pagination ul li span { border-color: #334155; color: #CBD5E1; background: #1E293B; } html.dark-mode .ac-pagination .page-numbers:hover, html.dark-mode .woocommerce-pagination ul li a:hover { background: #1E1A3A; color: #7C6AFF; } html.dark-mode .ac-pagination .page-numbers.current, html.dark-mode .woocommerce-pagination ul li span.current { background: #7C6AFF; color: #FFF; border-color: #7C6AFF; } /* ═══════════════════════════════════════ 31. BREADCRUMBS ═══════════════════════════════════════ */ html.dark-mode .woocommerce-breadcrumb { color: #64748B; } html.dark-mode .woocommerce-breadcrumb a { color: #94A3B8; } /* ═══════════════════════════════════════ 32. SIDEBAR WIDGETS ═══════════════════════════════════════ */ html.dark-mode .ac-sidebar .widget { background: #1E293B; border-color: #334155; } html.dark-mode .ac-sidebar .widget-title { color: #F1F5F9; } /* ═══════════════════════════════════════ 33. POST CARDS (search results) ═══════════════════════════════════════ */ html.dark-mode .ac-post-card { background: #1E293B; border-color: #334155; } html.dark-mode .ac-post-card__meta { color: #64748B; } html.dark-mode .ac-post-card__title a { color: #F1F5F9; } html.dark-mode .ac-post-card__excerpt { color: #94A3B8; } /* ═══════════════════════════════════════ 34. 404 PAGE ═══════════════════════════════════════ */ html.dark-mode .ac-404__number { color: #F1F5F9; } html.dark-mode .ac-404__message { color: #94A3B8; } /* ═══════════════════════════════════════ 35. SCROLLBAR ═══════════════════════════════════════ */ html.dark-mode ::-webkit-scrollbar-track { background: #0F172A; } html.dark-mode ::-webkit-scrollbar-thumb { background: #334155; } /* ═══════════════════════════════════════ 36. IMAGES (gentle brightness) ═══════════════════════════════════════ */ html.dark-mode img { opacity: 0.92; } html.dark-mode img:hover { opacity: 1; } /* ═══════════════════════════════════════ 37. WPFORMS (contact page) ═══════════════════════════════════════ */ html.dark-mode .wpforms-container .wpforms-form .wpforms-field-label { color: #F1F5F9; } html.dark-mode .wpforms-container .wpforms-form input, html.dark-mode .wpforms-container .wpforms-form textarea { background: #1E293B; border-color: #334155; color: #F1F5F9; } html.dark-mode .wpforms-container .wpforms-form .wpforms-field-sublabel { color: #64748B; } /* ═══════════════════════════════════════ 38. CTA SECTION (homepage) ═══════════════════════════════════════ */ html.dark-mode .ac-cta { background: linear-gradient(135deg, #0B1120 0%, #162040 100%); } html.dark-mode .ac-cta__title { color: #F1F5F9; } html.dark-mode .ac-cta__subtitle, html.dark-mode .ac-cta__text, html.dark-mode .ac-cta p { color: #94A3B8; } /* ═══════════════════════════════════════ 39. HEADER TOP BAR (announcement) ═══════════════════════════════════════ */ html.dark-mode .ac-header__top { background: #0B1120; border-bottom-color: #1E293B; color: #94A3B8; } html.dark-mode .ac-header__top a { color: #7C6AFF; } /* ═══════════════════════════════════════ 40. REVIEW TAB HEAD / WC TABS (product page) ═══════════════════════════════════════ */ /* Gradient header cards — remove bg */ html.dark-mode .ac-review-tab__head, html.dark-mode [style*="background:linear-gradient(135deg,#F8FAFF 0%,#EEEBFF"], html.dark-mode [style*="background: linear-gradient(135deg,#F8FAFF 0%,#EEEBFF"], html.dark-mode [style*="background:linear-gradient(135deg, #F8FAFF 0%, #EEEBFF"] { background: transparent !important; border-color: #475569 !important; } /* Purple icon circles/badges */ html.dark-mode [style*="background:#EEEBFF"], html.dark-mode [style*="background: #EEEBFF"] { background: #1E1A3A !important; color: #9B8FFF !important; } /* Gradient sub-cards */ html.dark-mode [style*="background:linear-gradient(135deg,#EEEBFF 0%,#F8FAFF"], html.dark-mode [style*="background: linear-gradient(135deg,#EEEBFF 0%,#F8FAFF"], html.dark-mode [style*="background:linear-gradient(135deg, #EEEBFF 0%, #F8FAFF"] { background: linear-gradient(135deg, #1E1A3A 0%, #1E293B 100%) !important; border-color: #334155 !important; } /* Orange tip boxes (border-left: #F59E0B) */ html.dark-mode [style*="background:#FFF7ED"], html.dark-mode [style*="background: #FFF7ED"] { background: rgba(245,158,11,0.1) !important; color: #CBD5E1 !important; } /* Blue tip boxes (border-left: #3B82F6) */ html.dark-mode [style*="background:#EFF6FF"], html.dark-mode [style*="background: #EFF6FF"] { background: rgba(59,130,246,0.1) !important; color: #CBD5E1 !important; } /* ═══════════════════════════════════════ 41. REFUND PAGE — Red warning boxes + Yellow notice ═══════════════════════════════════════ */ /* Red warning boxes (border-left: #EF4444) */ html.dark-mode [style*="background:#FEF2F2"], html.dark-mode [style*="background: #FEF2F2"] { background: rgba(239,68,68,0.1) !important; color: #CBD5E1 !important; } /* Yellow notice box */ html.dark-mode [style*="background:#FFF7ED"][style*="border:1px solid #FDE68A"], html.dark-mode [style*="border:1px solid #FDE68A"] { background: rgba(245,158,11,0.1) !important; border-color: rgba(245,158,11,0.3) !important; color: #CBD5E1 !important; } /* ═══════════════════════════════════════ 42. MOBILE RESPONSIVE DARK MODE FIXES ═══════════════════════════════════════ */ /* ═══════════════════════════════════════ 43. PRODUCT PAGE — Description tab, quantity, review-tab details ═══════════════════════════════════════ */ /* Description tab content area */ html.dark-mode .woocommerce-Tabs-panel, html.dark-mode .woocommerce-Tabs-panel--description, html.dark-mode #tab-description { color: #CBD5E1; } html.dark-mode #tab-description [style*="color: #0a2540"], html.dark-mode #tab-description [style*="color:#0a2540"], html.dark-mode #tab-description [style*="color: #0A2540"], html.dark-mode #tab-description [style*="color:#0A2540"] { color: #F1F5F9 !important; } html.dark-mode #tab-description [style*="color: #425466"], html.dark-mode #tab-description [style*="color:#425466"] { color: #CBD5E1 !important; } html.dark-mode #tab-description [style*="color: #533afd"], html.dark-mode #tab-description [style*="color:#533AFD"], html.dark-mode #tab-description [style*="color:#533afd"], html.dark-mode #tab-description [style*="color: #533AFD"] { color: #9B8FFF !important; } html.dark-mode #tab-description [style*="color:#8898AA"], html.dark-mode #tab-description [style*="color: #8898AA"] { color: #94A3B8 !important; } html.dark-mode #tab-description [style*="color:#9CA3AF"], html.dark-mode #tab-description [style*="color: #9CA3AF"] { color: #94A3B8 !important; } html.dark-mode #tab-description [style*="color:#D8DCE5"], html.dark-mode #tab-description [style*="color: #D8DCE5"] { color: #475569 !important; } /* Description tab bg cards */ html.dark-mode #tab-description [style*="background:#F8F9FF"], html.dark-mode #tab-description [style*="background: #F8F9FF"], html.dark-mode #tab-description [style*="background:#FAFBFD"], html.dark-mode #tab-description [style*="background: #FAFBFD"], html.dark-mode #tab-description [style*="background:#F4F2FF"], html.dark-mode #tab-description [style*="background: #F4F2FF"] { background: #1E293B !important; } /* Gradient divider line */ html.dark-mode [style*="background:linear-gradient(90deg,transparent,#E0E7FF,transparent)"] { background: linear-gradient(90deg, transparent, #334155, transparent) !important; } /* Light gradient card bottom */ html.dark-mode [style*="background:linear-gradient(180deg,#FBFAFF 0%,#fff 100%)"] { background: linear-gradient(180deg, #1E293B 0%, #0F172A 100%) !important; } /* Deep purple gradient */ html.dark-mode [style*="background:linear-gradient(135deg,#EEEBFF 0%,#E2DCFF 100%)"] { background: linear-gradient(135deg, #1E1A3A 0%, #251D4A 100%) !important; } /* Trustpilot widget wrapper — dark bg, keep border matching select style */ html.dark-mode [style*="background:#f8fafc"][style*="border:1px solid"], html.dark-mode [style*="background: rgb(248, 250, 252)"] { background: transparent !important; border-color: #334155 !important; border-radius: 8px !important; } html.dark-mode .trustpilot-widget { color: #FFF; } /* Dark mode: hide Trustpilot iframe, show text-only fallback overlay */ html.dark-mode .trustpilot-widget { position: relative; background: transparent !important; } /* (homepage iframe hidden by general dark-mode rule above) */ /* Trustpilot overlay — all pages, both modes: on dark backgrounds */ .trustpilot-widget .ac-tp-dark-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; align-items: center; justify-content: center; gap: 4px; font-size: 13px; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; pointer-events: none; z-index: 1; padding-top: 3px; } .trustpilot-widget .ac-tp-dark-overlay .ac-tp-star { color: #00B67A; font-size: 14px; margin-left: -2px; margin-right: 0; } /* Trustpilot widget: position relative for overlay */ .trustpilot-widget { position: relative; } /* Homepage Trustpilot — transparent bg, invert iframe for white text on dark hero */ .ac-trustpilot-badge .trustpilot-widget { background: transparent; border: none; padding: 0; display: flex; align-items: center; justify-content: center; } .ac-trustpilot-badge .trustpilot-widget iframe { filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; } /* Dark mode — product page Trustpilot wrapper: transparent bg */ html.dark-mode .ac-tp-product-wrap { background: transparent !important; } /* Dark mode — product page: keep iframe visible, invert+screen to remove white bg */ html.dark-mode .single-product .trustpilot-widget { background: transparent !important; } html.dark-mode .single-product .trustpilot-widget iframe { visibility: visible !important; filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; } html.dark-mode .single-product .trustpilot-widget .ac-tp-dark-overlay { display: none !important; } /* Homepage badge — keep original box model, only change colors */ /* Trustpilot widget wrapper — no bg in dark mode */ html.dark-mode .trustpilot-widget, html.dark-mode .trustpilot-widget > div { background: transparent !important; } /* Review tab container — remove white bg */ html.dark-mode .ac-review-tab { background: transparent !important; border-color: #475569 !important; box-shadow: none !important; } html.dark-mode .ac-review-tab:hover { border-color: #475569 !important; box-shadow: none !important; } html.dark-mode .ac-review-tab.is-open { box-shadow: none !important; } /* Reviews tab head — transparent bg */ html.dark-mode .ac-review-tab__head { background: transparent !important; } html.dark-mode .ac-review-tab__head:hover { background: rgba(255,255,255,0.05) !important; } html.dark-mode .ac-review-tab.is-open .ac-review-tab__head { background: transparent !important; } html.dark-mode .ac-review-tab__head * { color: #F1F5F9 !important; } html.dark-mode .ac-review-tab__head-title { color: #F1F5F9 !important; } html.dark-mode .ac-review-tab__head-sub { color: #94A3B8 !important; } html.dark-mode .ac-review-tab__chevron { background: transparent !important; border: 1px solid #475569 !important; color: #94A3B8 !important; } html.dark-mode .ac-review-tab__head[aria-expanded="true"] .ac-review-tab__chevron { background: #7C6AFF !important; color: #fff !important; border-color: #7C6AFF !important; } /* Review tab head gradient cards (inline) — all gradient variants */ html.dark-mode [style*="background:linear-gradient(135deg,#F8FAFF 0%,#EEEBFF"], html.dark-mode [style*="background: linear-gradient(135deg,#F8FAFF 0%,#EEEBFF"], html.dark-mode [style*="background:linear-gradient(135deg, #F8FAFF 0%, #EEEBFF"], html.dark-mode [style*="background: linear-gradient(135deg, #F8FAFF 0%, #EEEBFF"] { background: transparent !important; border-color: #475569 !important; } /* Description tab content card borders */ html.dark-mode .woocommerce-Tabs-panel [style*="border:1px solid"], html.dark-mode .woocommerce-Tabs-panel [style*="border: 1px solid"], html.dark-mode #tab-description [style*="border:1px solid"], html.dark-mode #tab-description [style*="border: 1px solid"] { border-color: #475569 !important; background: transparent !important; } /* Description tab title — no bg, white text */ html.dark-mode .woocommerce-tabs .tabs li a, html.dark-mode .woocommerce-tabs .tabs li { background: transparent !important; color: #94A3B8; } html.dark-mode .woocommerce-tabs .tabs li.active a, html.dark-mode .woocommerce-tabs .tabs li.active, html.dark-mode .description_tab.active a { color: #F1F5F9 !important; background: transparent !important; border-bottom-color: transparent !important; box-shadow: none !important; } html.dark-mode .woocommerce-tabs .tabs { border-bottom-color: #475569; } /* Quantity selector on product page */ html.dark-mode .quantity, html.dark-mode .quantity .qty { background: #1E293B; border-color: #334155; color: #F1F5F9; } /* Review tab head icon */ html.dark-mode .ac-review-tab__head-icon { background: #1E1A3A !important; color: #9B8FFF !important; } html.dark-mode .ac-review-tab__chevron { color: #64748B; } /* Tab active state */ html.dark-mode .description_tab.active a, html.dark-mode .reviews_tab.active a { color: #F1F5F9 !important; border-bottom-color: transparent !important; } /* Green success box in description */ html.dark-mode [style*="background:#ECFDF5"] { background: rgba(48,181,102,0.12) !important; } html.dark-mode [style*="color:#065F46"], html.dark-mode [style*="color: #065F46"] { color: #4ADE80 !important; } /* Red error/warning in description */ html.dark-mode [style*="background:#FEF2F2"] { background: rgba(239,68,68,0.1) !important; } html.dark-mode [style*="color:#991B1B"], html.dark-mode [style*="color: #991B1B"] { color: #FB7185 !important; } html.dark-mode [style*="color:#92400e"], html.dark-mode [style*="color: #92400e"] { color: #FBBF24 !important; } /* ═══════════════════════════════════════ 44. PRO-TIPS PAGE ═══════════════════════════════════════ */ html.dark-mode .ac-protips-page, html.dark-mode .page-template-page-protips { background: #0F172A; } html.dark-mode .ac-protips-page .ac-container { color: #CBD5E1; } /* ═══════════════════════════════════════ 45. ARTICLE / BLOG POST PAGE ═══════════════════════════════════════ */ html.dark-mode .single-post .entry-content, html.dark-mode .single-post .entry-content p, html.dark-mode .post-content, html.dark-mode .entry-content { color: #CBD5E1; } html.dark-mode .single-post .entry-title, html.dark-mode .entry-content h1, html.dark-mode .entry-content h2, html.dark-mode .entry-content h3, html.dark-mode .entry-content h4 { color: #F1F5F9; } html.dark-mode .entry-content a { color: #7C6AFF; } html.dark-mode .entry-content blockquote { background: #1E293B; border-left-color: #7C6AFF; color: #CBD5E1; } html.dark-mode .entry-content code, html.dark-mode .entry-content pre { background: #1E293B; color: #CBD5E1; } html.dark-mode .entry-content table { border-color: #334155; } html.dark-mode .entry-content table th { background: #1E293B; color: #F1F5F9; border-color: #334155; } html.dark-mode .entry-content table td { border-color: #334155; color: #CBD5E1; } html.dark-mode .entry-content img { border-radius: 8px; } /* ═══════════════════════════════════════ 46. GLOBAL INLINE COLOR CATCH-ALL (dark text colors that appear across all pages) ═══════════════════════════════════════ */ html.dark-mode [style*="color: #0a2540"], html.dark-mode [style*="color:#0a2540"] { color: #F1F5F9 !important; } html.dark-mode [style*="color: #425466"], html.dark-mode [style*="color:#425466"] { color: #CBD5E1 !important; } html.dark-mode [style*="color: #533afd"], html.dark-mode [style*="color:#533afd"] { color: #9B8FFF !important; } html.dark-mode [style*="color:#533AFD"] { color: #9B8FFF !important; } html.dark-mode [style*="color: #32373c"], html.dark-mode [style*="color:#32373c"] { color: #CBD5E1 !important; } html.dark-mode [style*="color:#8898AA"], html.dark-mode [style*="color: #8898AA"] { color: #94A3B8 !important; } html.dark-mode [style*="color:#9CA3AF"], html.dark-mode [style*="color: #9CA3AF"] { color: #94A3B8 !important; } /* Global inline bg catch-all */ html.dark-mode [style*="background:#F8FAFF"], html.dark-mode [style*="background: #F8FAFF"] { background: #1E293B !important; } html.dark-mode [style*="background:#f8fafc"], html.dark-mode [style*="background: #f8fafc"] { background: #1E293B !important; } html.dark-mode [style*="background:#EEEBFF"], html.dark-mode [style*="background: #EEEBFF"] { background: #1E1A3A !important; } html.dark-mode [style*="border:1px solid #E0E7FF"], html.dark-mode [style*="border: 1px solid #E0E7FF"] { border-color: #334155 !important; } html.dark-mode [style*="border:1px solid #E2E8F0"], html.dark-mode [style*="border: 1px solid #E2E8F0"] { border-color: #334155 !important; } html.dark-mode [style*="border:1px solid #FDE68A"], html.dark-mode [style*="border: 1px solid #FDE68A"] { border-color: rgba(245,158,11,0.3) !important; } /* ═══════════════════════════════════════ 42. MOBILE RESPONSIVE DARK MODE FIXES ═══════════════════════════════════════ */ @media (max-width: 768px) { html.dark-mode .ac-nav, html.dark-mode .ac-header, html.dark-mode .ac-header__main { background: #0F172A !important; box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important; } html.dark-mode .ac-mobile-menu { background: #0F172A; } html.dark-mode .ac-mobile-nav a { border-bottom-color: #1E293B; } html.dark-mode .ac-product-card { background: #1E293B; } }