/* ===== WHITE / DAY THEME TOKENS (v3.151.35) ===== Brand gold #84CC16 is KEPT UNCHANGED for visual consistency — it is used as accents/borders/icon-chips/button-bg-with-dark-text, all of which pass contrast on white. The only gold-as-TEXT contexts (e.g. burger section titles) are overridden to a deeper gold (#9A7B1F) for WCAG AA contrast on white. */ [data-theme="light"]{ color-scheme:light; --xoro-bg:#ffffff; /* pure white canvas */ --xoro-text:#0a0a0a; /* near-black text — 19.3:1 on white (AAA) */ --xoro-gold:#84CC16; /* brand gold — UNCHANGED */ --xoro-gold-light:#a3e635; /* brand gold-light — UNCHANGED */ --xoro-gold-rgb:132,204,22; --xoro-card:#f6f5f3; /* warm off-white card surface */ --xoro-charcoal:#ecebe7; /* input / secondary surface */ --xoro-border:#e3e1dc; /* soft warm border */ --xoro-muted:#6b6b6b; /* AA grey on white (4.7:1) */ } /* ===== v3.151.37 — CRITICAL: body + xoro-* utility overrides ===== The compiled CSS (xoro-all-compiled.css:112) has body{background:#000;color:#fff} with HARDCODED colors — NOT var(--xoro-*). So without this override, ALL text that inherits from body stays white in light mode (headings, FAQ questions, product names, "Elevate Your Style", "Trending Collections", etc.). Specificity: [data-theme="light"] body = 0,1,1 > body = 0,0,1 → wins. */ [data-theme="light"] body{background:#ffffff;color:#0a0a0a} /* text-xoro-black = var(--xoro-bg) = #fff in light mode → white text on gold buttons FAILS WCAG contrast (2.2:1). Override to near-black (9:1 on gold = AAA). NOTE: This is TEXT color only — safe to override globally. */ [data-theme="light"] .text-xoro-black{color:#0a0a0a!important} [data-theme="light"] .hover\:text-xoro-black:hover{color:#0a0a0a!important} /* v3.151.38 — DO NOT override .bg-xoro-black! It equals var(--xoro-bg) = #fff in light mode, and is used on LARGE containers (nav bar, panels, sections) that must stay WHITE. Forcing it to #0a0a0a (the v3.151.37 mistake) turned every white container black. Only small "black" badges that must stay dark are handled by the targeted .xoro-badge-black rule in section Q. */ /* text-xoro-white = var(--xoro-text) = #0a0a0a in light → already adapts, but add explicit override for safety (some compiled versions may hardcode #fff). */ [data-theme="light"] .text-xoro-white{color:#0a0a0a} [data-theme="light"] .hover\:text-xoro-white:hover{color:#0a0a0a} /* bg-xoro-charcoal opacity variants — Tailwind can't apply /30 to a CSS var, so bg-xoro-charcoal/30 isn't in compiled CSS → sections are transparent. Add explicit overrides so these sections get a light tint. */ [data-theme="light"] .bg-xoro-charcoal\/30{background-color:rgba(236,235,231,0.3)!important} [data-theme="light"] .bg-xoro-charcoal\/50{background-color:rgba(236,235,231,0.5)!important} [data-theme="light"] .bg-xoro-charcoal{background-color:var(--xoro-charcoal)!important} /* ===== v3.151.37 — Tailwind gradient utility overrides (from-black, via-black/80, to-black/40) ===== These compile to HARDCODED #000 gradient stops. Used on the "Buy 2 Get 15% Off" banner overlay → stays black in light mode. Override the CSS custom properties that Tailwind uses for gradients (--tw-gradient-from, --tw-gradient-stops). */ [data-theme="light"] .from-black{--tw-gradient-from:#f6f5f3 var(--tw-gradient-from-position)} [data-theme="light"] .via-black\/80{--tw-gradient-stops:var(--tw-gradient-from),rgba(246,245,243,.85) var(--tw-gradient-via-position),var(--tw-gradient-to)} [data-theme="light"] .to-black\/40{--tw-gradient-to:rgba(255,255,255,.5) var(--tw-gradient-to-position)} [data-theme="light"] .from-black\/60{--tw-gradient-from:rgba(246,245,243,.6) var(--tw-gradient-from-position)} [data-theme="light"] .via-black{--tw-gradient-stops:var(--tw-gradient-from),#f6f5f3 var(--tw-gradient-via-position),var(--tw-gradient-to)} /* ===== v3.151.37 — Buy Now button (user request: make it black on white theme) ===== The compact Buy Now button (bg-white text-black) blends into the white page. User explicitly requested: make it black background with white text in light mode. v3.151.39 FIX: Removed the broad .xoro-buy-now-btn{color:#0a0a0a} rule — it was overriding the compact button's white text (same specificity, later source order wins → black text on black bg = invisible). The main sticky-bar Buy Now button uses text-xoro-black which is already overridden to #0a0a0a above, so the broad rule was redundant AND broke the compact button. */ [data-theme="light"] .xoro-buy-now-compact{background:#0a0a0a!important;color:#ffffff!important;border-color:#0a0a0a!important} [data-theme="light"] .xoro-buy-now-compact:hover{background:#2a2a2a!important;color:#84CC16!important} /* ---- Global Tailwind-utility reskins (specificity 0,2,0 beats 0,1,0) ---- .text-white → near-black (it is always "text on a dark surface", which is now light). Modal backdrops use bg-black/80 (different class) and are intentionally NOT touched. */ [data-theme="light"] .text-white{color:#0a0a0a} [data-theme="light"] .hover\:text-white:hover{color:#0a0a0a} [data-theme="light"] .bg-black{background-color:#ffffff} [data-theme="light"] .hover\:bg-black:hover{background-color:#ffffff} /* .bg-white (white panels) → soft card surface so they don't vanish into the page bg */ [data-theme="light"] .bg-white{background-color:#f6f5f3} /* Placeholder + input autofill */ [data-theme="light"] input::placeholder, [data-theme="light"] textarea::placeholder{color:#9a9a9a} [data-theme="light"] input:-webkit-autofill, [data-theme="light"] textarea:-webkit-autofill{-webkit-text-fill-color:#0a0a0a;-webkit-box-shadow:0 0 0 1000px #ecebe7 inset} /* ---- Native UI polish ---- */ [data-theme="light"] ::selection{background:rgba(132,204,22,.22);color:#0a0a0a} [data-theme="light"] *::-webkit-scrollbar{width:10px;height:10px} [data-theme="light"] *::-webkit-scrollbar-thumb{background:#d4d2cd;border-radius:8px;border:2px solid #fff} [data-theme="light"] *::-webkit-scrollbar-thumb:hover{background:#b4b2ad} [data-theme="light"] *::-webkit-scrollbar-track{background:#f0efec} [data-theme="light"] html{scrollbar-color:#d4d2cd #f0efec} /* ===== BURGER MENU — light reskin (hardcoded colors in header.php) ===== */ [data-theme="light"] .xoro-burger-overlay.open{background:rgba(0,0,0,.45)} [data-theme="light"] .xoro-burger-panel{background:#ffffff;border-left-color:rgba(132,204,22,.3);box-shadow:-10px 0 40px rgba(0,0,0,.08)} [data-theme="light"] .xoro-burger-header{border-bottom-color:#e5e5e5} [data-theme="light"] .xoro-burger-logo{color:#0a0a0a} [data-theme="light"] .xoro-burger-close{background:#f6f5f3;border-color:#e5e5e5;color:#6b6b6b} [data-theme="light"] .xoro-burger-close:hover{background:#84CC16;color:#0a0a0a;border-color:#84CC16} [data-theme="light"] .xoro-burger-search input{background:#f6f5f3;border-color:#e5e5e5;color:#0a0a0a} [data-theme="light"] .xoro-burger-search input:focus{border-color:#84CC16} [data-theme="light"] .xoro-burger-search svg{color:#9a9a9a} [data-theme="light"] .xoro-burger-nav-item{color:#2a2a2a} [data-theme="light"] .xoro-burger-nav-item:hover{background:rgba(132,204,22,.1);color:#9A7B1F} [data-theme="light"] .xoro-burger-nav-icon{background:rgba(132,204,22,.12);color:#B8901F} [data-theme="light"] .xoro-burger-nav-item:hover .xoro-burger-nav-icon{background:#84CC16;color:#0a0a0a} [data-theme="light"] .xoro-burger-nav-arrow{color:#bbb} [data-theme="light"] .xoro-burger-nav-item:hover .xoro-burger-nav-arrow{color:#84CC16} /* Section titles = gold-as-text → deeper gold for AA contrast on white */ [data-theme="light"] .xoro-burger-section-title{color:#9A7B1F} [data-theme="light"] .xoro-burger-cat{background:#f6f5f3;border-color:#e5e5e5} [data-theme="light"] .xoro-burger-cat:hover{border-color:#84CC16;background:rgba(132,204,22,.06)} [data-theme="light"] .xoro-burger-cat span{color:#2a2a2a} [data-theme="light"] .xoro-burger-footer{border-top-color:#e5e5e5} [data-theme="light"] .xoro-burger-call{background:#f6f5f3;color:#9A7B1F;border-color:#e5e5e5} [data-theme="light"] .xoro-burger-call:hover{background:#84CC16;color:#0a0a0a;border-color:#84CC16} [data-theme="light"] .xoro-burger-trust{color:#888} /* ===== HEADER NAV + SEARCH MODAL — light reskin ===== */ [data-theme="light"] #searchModal{background:rgba(0,0,0,.45)} [data-theme="light"] #searchInput{color:#0a0a0a} [data-theme="light"] #searchModal button.text-xoro-muted:hover{color:#0a0a0a} /* ===== TRUST / DELIVERY BAR — light reskin (product pages) ===== */ [data-theme="light"] .xoro-trust-fab{background:#ffffff;color:#9A7B1F;border-color:rgba(132,204,22,.4);box-shadow:0 4px 24px rgba(0,0,0,.12)} [data-theme="light"] .xoro-trust-fab:hover{border-color:rgba(132,204,22,.7)} [data-theme="light"] .xoro-trust-fab__txt{color:#5a8a16} [data-theme="light"] .xoro-trust-fab__item + .xoro-trust-fab__item{border-top-color:rgba(0,0,0,.08)} /* ===== TRUST / CONVERSION components (header.php inline) — light reskin ===== */ [data-theme="light"] .xoro-trust-badge{background:linear-gradient(135deg,rgba(132,204,22,.12),rgba(132,204,22,.04));border-color:rgba(132,204,22,.35)} [data-theme="light"] .xoro-trust-badge-text{color:#7a6418} [data-theme="light"] .xoro-trust-badge-text strong{color:#0a0a0a} [data-theme="light"] .xoro-bundle-wrap{background:linear-gradient(135deg,rgba(132,204,22,.06),rgba(132,204,22,.02));border-color:rgba(132,204,22,.25)} [data-theme="light"] .xoro-bundle-title{color:#0a0a0a} [data-theme="light"] .xoro-bundle-sub{color:#6b6b6b} [data-theme="light"] .xoro-bundle-img{background:#f6f5f3} [data-theme="light"] .xoro-bundle-name{color:#2a2a2a} [data-theme="light"] .xoro-recovery-box{background:#ffffff;border-color:rgba(132,204,22,.3)} [data-theme="light"] .xoro-recovery-box h3{color:#0a0a0a} [data-theme="light"] .xoro-recovery-box p{color:#6b6b6b} [data-theme="light"] .xoro-recovery-items{background:#f6f5f3;border-color:#e5e5e5} [data-theme="light"] .xoro-recovery-item{color:#2a2a2a} [data-theme="light"] .xoro-recovery-dismiss{color:#9a9a9a} [data-theme="light"] .xoro-recovery-dismiss:hover{color:#6b6b6b} /* ===== v3.151.43 — TRENDING COLLECTIONS cards (Gold/Silver/Black/Gift) ===== These cards sit on a DARK gradient overlay (from-black/80 via-black/20) on top of a product photo. The text MUST STAY WHITE to be readable on the dark gradient. The global .text-white → #0a0a0a override breaks this — so we restore white text specifically inside .collection-card. The gradient stays dark (we don't override from-black/80 or via-black/20), so white text is readable in BOTH themes. */ [data-theme="light"] .collection-card .text-white{color:#ffffff!important} [data-theme="light"] .collection-card .text-white\/80{color:rgba(255,255,255,.85)!important} [data-theme="light"] .collection-card .text-white\/70{color:rgba(255,255,255,.75)!important} /* "Shop Now" text — keep gold/silver as-is (they're on the dark gradient) */ [data-theme="light"] .collection-card .text-xoro-gold{color:#84CC16!important} [data-theme="light"] .collection-card .text-xoro-silver{color:#c0c0c0!important} /* Ensure the gradient overlay STAYS DARK on collection cards (don't let the global from-black → light override leak in here — text needs the dark bg) */ [data-theme="light"] .collection-card .from-black\/80{--tw-gradient-from:rgba(0,0,0,.8) var(--tw-gradient-from-position)} [data-theme="light"] .collection-card .via-black\/20{--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)} /* ==================================================================== v3.151.36 — COMPREHENSIVE WHITE/DAY RESKIN (all components) Covers: hero, marquee, footer, reviews + arrow slider, size guide drawer + SVGs, bundle-attr modal, checkout modal readability, city dropdown, cart drawer items, manual payment panel, screenshot upload, sale popup, welcome overlay, dashboard, single-product (tabs/desc/feature/care/recently-viewed/compare), archive filter sidebar, attributes slide-up panel + popup, chatbot, thankyou page. Specificity: [data-theme="light"] .cls = 0,2,0 > .cls = 0,1,0. !important is ONLY used to override existing !important hacks (e.g. xoro-checkout.php:1640 #checkoutModal input readability block) and JS-injected inline styles (e.g. #xoroSalePopup). ==================================================================== */ /* ---- A. BULK TAILWIND UTILITY RESKINS (cart drawer / checkout / thankyou / front-page readability) ---- These gray/green/red/orange utilities are used on hundreds of elements across the cart drawer, checkout modal, thankyou page, and front-page countdown/stock badges. Without these, text is invisible on light bg. */ [data-theme="light"] .text-gray-100, [data-theme="light"] .text-gray-200, [data-theme="light"] .text-gray-300, [data-theme="light"] .text-gray-400{color:#4b5563} [data-theme="light"] .text-gray-500, [data-theme="light"] .text-gray-600{color:#3a3a3a} [data-theme="light"] .hover\:text-gray-300:hover, [data-theme="light"] .hover\:text-gray-400:hover{color:#4b5563} [data-theme="light"] .text-green-300, [data-theme="light"] .text-green-400, [data-theme="light"] .text-green-500{color:#15803d} [data-theme="light"] .hover\:text-green-400:hover{color:#15803d} [data-theme="light"] .text-red-300, [data-theme="light"] .text-red-400, [data-theme="light"] .text-red-500{color:#b91c1c} [data-theme="light"] .text-orange-400, [data-theme="light"] .text-orange-500{color:#c2410c} [data-theme="light"] .text-yellow-400, [data-theme="light"] .text-amber-400{color:#a16207} /* Translucent-white utility classes become translucent-black on white bg */ [data-theme="light"] .bg-white\/5{background-color:rgba(0,0,0,.04)} [data-theme="light"] .bg-white\/10{background-color:rgba(0,0,0,.06)} [data-theme="light"] .bg-white\/20{background-color:rgba(0,0,0,.08)} [data-theme="light"] .hover\:bg-white\/25:hover{background-color:rgba(0,0,0,.15)} [data-theme="light"] .border-white\/10{border-color:rgba(0,0,0,.1)} [data-theme="light"] .border-white\/20{border-color:rgba(0,0,0,.14)} [data-theme="light"] .bg-gray-700\/50{background-color:rgba(0,0,0,.1)} [data-theme="light"] .bg-gray-800{background-color:#ecebe7} [data-theme="light"] .bg-gray-900{background-color:#f6f5f3} /* ===== v3.151.42 — PRODUCT GALLERY buttons/arrows: black blur → white blur ===== These buttons sit ON TOP of product photos (zoom, prev/next arrows, video play/pause, slider dots, VIDEO badge, lightbox arrows/counter). In light mode they must become WHITE BLUR with DARK icons so they're visible against both the photo and the light page. The .text-white override (→ #0a0a0a) already darkens the icons; here we convert the black-blur bg → white-blur. Specificity: [data-theme="light"] .bg-black\/50 = 0,2,0 > .bg-black\/50 = 0,1,0. */ [data-theme="light"] .bg-black\/30{background-color:rgba(255,255,255,.6)!important} [data-theme="light"] .bg-black\/40{background-color:rgba(255,255,255,.65)!important} [data-theme="light"] .bg-black\/50{background-color:rgba(255,255,255,.7)!important} [data-theme="light"] .bg-black\/60{background-color:rgba(255,255,255,.75)!important} [data-theme="light"] .bg-black\/70{background-color:rgba(255,255,255,.8)!important} [data-theme="light"] .hover\:bg-black\/80:hover{background-color:rgba(255,255,255,.9)!important} /* Lightbox fullscreen bg stays dark (it's a fullscreen photo viewer) */ /* VIDEO badge text stays white-on-badge (the badge bg is now white blur, so text must be dark) */ [data-theme="light"] .bg-black\/70.text-white{color:#0a0a0a!important} /* .text-white/70 + /80 = translucent white → becomes translucent black */ [data-theme="light"] .text-white\/70{color:rgba(10,10,10,.7)} [data-theme="light"] .text-white\/80{color:rgba(10,10,10,.8)} [data-theme="light"] .text-white\/60{color:rgba(10,10,10,.6)} /* ---- B. SECTION BACKGROUNDS (hero, card-gradient, marquee, wa-card, footer) ---- */ [data-theme="light"] .hero-gradient{ background:radial-gradient(ellipse at 50% 0%,rgba(132,204,22,.1) 0%,transparent 60%), radial-gradient(ellipse at 80% 50%,rgba(192,192,192,.06) 0%,transparent 50%), linear-gradient(180deg,#ffffff 0%,#f6f5f3 100%)!important } [data-theme="light"] .card-gradient{background:linear-gradient(145deg,#ffffff 0%,#f6f5f3 100%)!important} [data-theme="light"] .xoro-hero-slider{background:#f6f5f3!important} [data-theme="light"] .xoro-marquee{background:linear-gradient(90deg,#f6f5f3,#ffffff 50%,#f6f5f3)!important;border-color:rgba(132,204,22,.35)} [data-theme="light"] .xoro-marquee__item{color:#0a0a0a!important} [data-theme="light"] .xoro-marquee__item--gold, [data-theme="light"] .xoro-marquee__sep{color:#9A7B1F!important} [data-theme="light"] .xoro-wa-card{background:#ffffff!important;border-color:#e3e1dc!important} [data-theme="light"] .xoro-wa-card .xoro-wa-name, [data-theme="light"] .xoro-wa-card strong{color:#0a0a0a} [data-theme="light"] .xoro-wa-card .xoro-wa-msg, [data-theme="light"] .xoro-wa-card p{color:#3a3a3a} /* ---- C. SIZE GUIDE DRAWER (header.php .xoro-sizechart-*) ---- */ [data-theme="light"] .xoro-sizechart-overlay{background:rgba(0,0,0,.45)} [data-theme="light"] .xoro-sizechart-box{background:#ffffff!important;border-left-color:rgba(132,204,22,.3);box-shadow:-20px 0 60px rgba(0,0,0,.1)} [data-theme="light"] .xoro-sizechart-header{border-bottom-color:#e5e5e5!important} [data-theme="light"] .xoro-sizechart-eyebrow{color:#9A7B1F} [data-theme="light"] .xoro-sizechart-title{color:#0a0a0a!important} [data-theme="light"] .xoro-sizechart-close{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .xoro-sizechart-close:hover{background:#84CC16!important;color:#0a0a0a!important;border-color:#84CC16!important} [data-theme="light"] .xoro-sizechart-tabs{background:#ffffff!important;border-bottom-color:#e5e5e5!important} [data-theme="light"] .xoro-sizechart-tab{color:#6b6b6b!important} [data-theme="light"] .xoro-sizechart-tab:hover{color:#9A7B1F!important;background:rgba(132,204,22,.06)!important} [data-theme="light"] .xoro-sizechart-tab.active{background:#84CC16!important;color:#0a0a0a!important} [data-theme="light"] .xoro-sizechart-visual{background:linear-gradient(180deg,#f6f5f3,#ecebe7)!important;border-color:#e3e1dc!important} [data-theme="light"] .xoro-sizechart-visual svg{background:#f6f5f3!important} [data-theme="light"] .xoro-sizechart-table th{color:#9A7B1F!important;border-bottom-color:#e5e5e5!important;background:#f6f5f3} [data-theme="light"] .xoro-sizechart-table td{border-bottom-color:#e5e5e5!important;color:#0a0a0a} [data-theme="light"] .xoro-sizechart-table td strong{color:#0a0a0a!important} [data-theme="light"] .xoro-sizechart-table .unit-cm{color:#7a7a7a!important} [data-theme="light"] .xoro-sizechart-note{color:#4b5563!important;background:#f6f5f3!important;border-left-color:#84CC16!important} [data-theme="light"] .xoro-sizechart-note strong{color:#9A7B1F!important} [data-theme="light"] .xoro-sizechart-footer{border-top-color:#e5e5e5!important;background:#ffffff!important} [data-theme="light"] .xoro-sizechart-btn{background:rgba(132,204,22,.1)!important;border-color:rgba(132,204,22,.3)!important;color:#9A7B1F!important} /* SVG illustrations (footer.php) — dark fills/strokes become light */ [data-theme="light"] .xoro-sizechart-visual svg [fill="#1a1a1a"], [data-theme="light"] .xoro-sizechart-visual svg [fill="#0a0a0a"], [data-theme="light"] .xoro-sizechart-visual svg [fill="#0f0f0f"], [data-theme="light"] .xoro-sizechart-visual svg [fill="#141414"]{fill:#f6f5f3} [data-theme="light"] .xoro-sizechart-visual svg [stroke="#2a2a2a"], [data-theme="light"] .xoro-sizechart-visual svg [stroke="#1a1a1a"], [data-theme="light"] .xoro-sizechart-visual svg [stroke="#1f1f1f"]{stroke:#d4d2cd} [data-theme="light"] .xoro-sizechart-visual svg [fill="#666"], [data-theme="light"] .xoro-sizechart-visual svg [stroke="#666"]{fill:#7a7a7a;stroke:#7a7a7a} /* ---- D. BUNDLE ATTRIBUTE MODAL (header.php .xoro-bundle-attr-*) ---- */ [data-theme="light"] .xoro-bundle-attr-overlay{background:rgba(0,0,0,.45)} [data-theme="light"] .xoro-bundle-attr-box{background:#ffffff!important;border-color:rgba(132,204,22,.3)!important} [data-theme="light"] .xoro-bundle-attr-title{color:#0a0a0a!important} [data-theme="light"] .xoro-bundle-attr-sub{color:#6b6b6b!important} [data-theme="light"] .xoro-bundle-attr-item{background:#f6f5f3!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-bundle-attr-item-name{color:#9A7B1F!important} [data-theme="light"] .xoro-bundle-attr-select label{color:#6b6b6b!important} [data-theme="light"] .xoro-bundle-attr-opt{background:#ffffff!important;border-color:#e5e5e5!important;color:#2a2a2a!important} [data-theme="light"] .xoro-bundle-attr-opt:hover{border-color:#84CC16!important} [data-theme="light"] .xoro-bundle-attr-opt.selected{background:#84CC16!important;color:#0a0a0a!important;border-color:#84CC16!important} /* ---- E. CHECKOUT MODAL READABILITY FIX (override xoro-checkout.php:1640 !important hack) ---- The v3.133.0 block forces light-grey text (#f3f4f6) on the now-light modal → unreadable. These !important overrides restore dark text. */ [data-theme="light"] #checkoutModal input[type="text"], [data-theme="light"] #checkoutModal input[type="tel"], [data-theme="light"] #checkoutModal input[type="email"], [data-theme="light"] #checkoutModal input[type="number"], [data-theme="light"] #checkoutModal textarea, [data-theme="light"] #checkoutModal select{color:#0a0a0a!important;border-color:#c9c7c2!important;background:#ffffff!important} [data-theme="light"] #checkoutModal input:focus, [data-theme="light"] #checkoutModal textarea:focus{border-color:#84CC16!important;box-shadow:0 0 0 2px rgba(132,204,22,.2)!important} [data-theme="light"] #checkoutModal input::placeholder, [data-theme="light"] #checkoutModal textarea::placeholder{color:#9a9a9a!important} [data-theme="light"] #checkoutModal label{color:#0a0a0a!important} [data-theme="light"] #checkoutModal .chk-panel{border-color:#e3e1dc!important} [data-theme="light"] #checkoutModal .co-header{border-color:#e3e1dc!important} [data-theme="light"] #checkoutModal .co-payment-btn{border-color:#e3e1dc!important;background:#ffffff} [data-theme="light"] #checkoutModal .co-payment-btn:hover{border-color:rgba(132,204,22,.5)!important} [data-theme="light"] .co-payment-active{border-color:#84CC16!important;background:rgba(132,204,22,.08)!important} /* ---- F. CITY DROPDOWN + CART DRAWER ITEMS + MANUAL PAYMENT (xoro-checkout.php) ---- */ [data-theme="light"] #cityDropdown{background:#ffffff!important;border-color:#e3e1dc!important} [data-theme="light"] #cityDropdown::-webkit-scrollbar-track{background:#f0efec} [data-theme="light"] .city-dropdown-item{color:#0a0a0a!important;border-bottom-color:#e5e5e5!important} [data-theme="light"] .city-dropdown-item:hover{background:rgba(132,204,22,.15)!important;color:#9A7B1F!important} [data-theme="light"] .city-dropdown-item.highlight{background:rgba(132,204,22,.25)!important;color:#9A7B1F!important} [data-theme="light"] .city-no-results{color:#6b6b6b!important} [data-theme="light"] .chk-city-scroll{scrollbar-color:#84CC16 #f0efec} [data-theme="light"] .chk-city-scroll::-webkit-scrollbar-track{background:#f0efec} /* Cart drawer line items */ [data-theme="light"] .co-item{background:#f6f5f3!important;border-color:#e3e1dc!important} [data-theme="light"] .co-item:hover{background:#ecebe7!important} [data-theme="light"] .co-item-img{background:#ecebe7!important} [data-theme="light"] .co-item-name{color:#0a0a0a!important} [data-theme="light"] .co-item-meta{color:#6b6b6b!important} [data-theme="light"] .co-item-remove{color:#9a9a9a!important} [data-theme="light"] .co-item-remove:hover{color:#b91c1c!important;background:rgba(185,28,28,.1)!important} [data-theme="light"] .co-payment-logo-svg{color:#6b6b6b} [data-theme="light"] #coSubmitBtn.xoro-anim-processing{background:#ecebe7!important;color:#9A7B1F!important} /* Manual payment panel (JazzCash/EasyPaisa) */ [data-theme="light"] .co-manual-card{background:linear-gradient(145deg,#ffffff 0%,#f6f5f3 100%)!important;border-color:#e3e1dc!important;box-shadow:0 4px 16px rgba(0,0,0,.06)!important} [data-theme="light"] .co-manual-account, [data-theme="light"] .co-manual-steps{background:#f6f5f3!important;border-color:#e3e1dc!important} [data-theme="light"] .co-account-row{border-bottom-color:#e5e5e5!important} [data-theme="light"] .co-account-label{color:#6b6b6b!important} [data-theme="light"] .co-account-value{color:#0a0a0a!important} [data-theme="light"] .co-account-number, [data-theme="light"] .co-amount{color:#9A7B1F!important} [data-theme="light"] .co-copy-btn{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .co-copy-btn:hover{background:#84CC16!important;color:#0a0a0a!important;border-color:#84CC16!important} [data-theme="light"] .co-steps-text{color:#4b5563!important} [data-theme="light"] .co-screenshot-drop{background:#f6f5f3!important;border-color:#c9c7c2!important} [data-theme="light"] .co-screenshot-drop:hover{border-color:#84CC16!important;background:#ecebe7!important} [data-theme="light"] .co-screenshot-remove{background:rgba(0,0,0,.7)!important} /* ---- G. SALE POPUP (JS-injected #xoroSalePopup in xoro-checkout.js — inline styles, needs !important) ---- */ [data-theme="light"] #xoroSalePopup{background:#ffffff!important;border-color:rgba(132,204,22,.3)!important;box-shadow:0 8px 32px rgba(0,0,0,.12)!important} [data-theme="light"] #xoroSalePopup .xoro-sale-img-wrap, [data-theme="light"] #xoroSalePopup img[style*="background:#141414"], [data-theme="light"] #xoroSalePopup [style*="background:#141414"]{background:#f6f5f3!important} [data-theme="light"] #xoroSalePopup [style*="color:#ffffff"]{color:#0a0a0a!important} [data-theme="light"] #xoroSalePopup [style*="color:#aaaaaa"], [data-theme="light"] #xoroSalePopup [style*="color:#aaa"]{color:#6b6b6b!important} [data-theme="light"] #xoroSalePopup [style*="color:#888888"], [data-theme="light"] #xoroSalePopup [style*="color:#888"]{color:#9a9a9a!important} [data-theme="light"] #xoroSalePopup [style*="color:#84CC16"]{color:#9A7B1F!important} /* v3.164.0 — REVIEWS SECTION LIGHT-THEME CSS REMOVED. The .xoro-reviews, .xoro-reviews__inner, .xoro-reviews__title, .xoro-reviews__sub, .xoro-reviews__summary, .xoro-reviews__score-*, .xoro-reviews__bar*, .xoro-reviews__list, .xoro-review-card, .xoro-review__*, .xoro-reviews__more*, .xoro-reviews__arrow, .xoro-reviews__sentinel-spin light-theme overrides have all been deleted. The fake reviews system that used these classes has been permanently removed. */ /* ---- I. WELCOME OVERLAY (assets/css/xoro-welcome.css, thankyou page) ---- */ [data-theme="light"] .xoro-welcome-overlay{background:rgba(0,0,0,.5)} [data-theme="light"] .xoro-welcome-card{background:linear-gradient(180deg,#ffffff 0%,#f6f5f3 100%)!important;border-color:#e3e1dc!important} [data-theme="light"] .xoro-welcome-title{color:#0a0a0a!important} [data-theme="light"] .xoro-welcome-subtitle, [data-theme="light"] .xoro-welcome-detail-row span{color:#6b6b6b!important} [data-theme="light"] .xoro-welcome-detail-row{background:#f6f5f3!important;border-color:#e3e1dc!important} [data-theme="light"] .xoro-welcome-detail-row strong{color:#0a0a0a!important} [data-theme="light"] .xoro-welcome-info{background:rgba(132,204,22,.06)!important;border-color:rgba(132,204,22,.2)!important} [data-theme="light"] .xoro-welcome-info p{color:#4b5563!important} [data-theme="light"] .xoro-welcome-info strong{color:#9A7B1F!important} [data-theme="light"] .xoro-welcome-cta--ghost{color:#6b6b6b!important;border-color:#e3e1dc!important} [data-theme="light"] .xoro-welcome-cta--ghost:hover{color:#0a0a0a!important;border-color:#9A7B1F!important} /* ---- J. DASHBOARD (assets/css/xoro-dashboard.css — just override --xd-* vars) ---- */ [data-theme="light"]{ --xd-bg:#ffffff;--xd-bg-soft:#f6f5f3; --xd-card:#ffffff;--xd-card-2:#f6f5f3;--xd-card-hover:#ecebe7; --xd-border:#e3e1dc;--xd-border-strong:#c9c7c2; --xd-text:#0a0a0a;--xd-text-dim:#2a2a2a; --xd-muted:#6b6b6b;--xd-muted-2:#7a7a7a; --xd-overlay:rgba(0,0,0,0.45); --xd-blur-bg:rgba(255,255,255,0.92); --xd-gradient-card:linear-gradient(180deg,#ffffff 0%,#f6f5f3 100%); --xd-shadow-sm:0 1px 2px rgba(0,0,0,0.06); --xd-shadow:0 8px 24px rgba(0,0,0,0.08) } /* ---- K. SINGLE-PRODUCT (tabs / desc / feature / care / recently-viewed / compare) ---- */ [data-theme="light"] .xoro-product-tabs__nav{border-bottom-color:#e5e5e5!important} [data-theme="light"] .xoro-product-tabs__btn{color:#6b6b6b!important} [data-theme="light"] .xoro-product-tabs__btn:hover, [data-theme="light"] .xoro-product-tabs__btn.active{color:#9A7B1F!important;border-bottom-color:#84CC16!important} [data-theme="light"] .xoro-product-tabs__content{color:#3a3a3a!important} [data-theme="light"] .xoro-product-tabs__content h2, [data-theme="light"] .xoro-product-tabs__content h3{color:#0a0a0a!important} [data-theme="light"] .xoro-desc-section{border-bottom-color:#e5e5e5!important} [data-theme="light"] .xoro-desc-section__title{color:#9A7B1F!important} [data-theme="light"] .xoro-desc-section__body{color:#3a3a3a!important} [data-theme="light"] .xoro-desc-section__body h3{color:#0a0a0a!important} [data-theme="light"] .xoro-desc-section__body th, [data-theme="light"] .xoro-desc-section__body td{border-color:#e5e5e5!important} [data-theme="light"] .xoro-desc-section__body th{background:#f6f5f3!important;color:#9A7B1F!important} [data-theme="light"] .xoro-desc-section__img{border-color:#e5e5e5!important;background:#f6f5f3!important} [data-theme="light"] .xoro-desc-full img{border-color:#e5e5e5!important;background:#f6f5f3!important} [data-theme="light"] .xoro-desc-full h2, [data-theme="light"] .xoro-desc-full h3{border-bottom-color:#e5e5e5!important} [data-theme="light"] .xoro-desc-full th, [data-theme="light"] .xoro-desc-full td{border-color:#e5e5e5!important} [data-theme="light"] .xoro-desc-full th{background:#f6f5f3!important;color:#9A7B1F!important} [data-theme="light"] .xoro-feature-card{background:#ffffff!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-feature-card:hover{border-color:#84CC16!important} [data-theme="light"] .xoro-feature-card__icon{background:rgba(132,204,22,.1)!important;color:#9A7B1F!important} [data-theme="light"] .xoro-feature-card h4{color:#0a0a0a!important} [data-theme="light"] .xoro-feature-card p{color:#6b6b6b!important} [data-theme="light"] .xoro-care-item{background:#ffffff!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-care-item__icon{color:#9A7B1F!important} [data-theme="light"] .xoro-care-item strong{color:#0a0a0a!important} [data-theme="light"] .xoro-care-item span{color:#6b6b6b!important} [data-theme="light"] .xoro-vcompare, [data-theme="light"] .xoro-compare{border-color:#e5e5e5!important} [data-theme="light"] .xoro-rv-card, [data-theme="light"] .recently-viewed-card{background:#ffffff!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-rv-card:hover, [data-theme="light"] .recently-viewed-card:hover{border-color:#84CC16!important} [data-theme="light"] .xoro-rv-card__img, [data-theme="light"] .recently-viewed-img{background:#f6f5f3!important} [data-theme="light"] .xoro-rv-card__name, [data-theme="light"] .recently-viewed-name{color:#0a0a0a!important} [data-theme="light"] .xoro-rv-card__price, [data-theme="light"] .recently-viewed-price{color:#9A7B1F!important} [data-theme="light"] .recently-viewed-old{color:#9a9a9a!important} [data-theme="light"] .xoro-rv-arrow{background:#ffffff!important;border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .xoro-rv-arrow:hover{border-color:#84CC16!important;color:#9A7B1F!important} [data-theme="light"] .xoro-recently-viewed-title{color:#0a0a0a!important} [data-theme="light"] .xoro-recently-viewed-title svg{color:#9A7B1F!important} [data-theme="light"] .xoro-recently-viewed-grid::-webkit-scrollbar-track{background:#f0efec} /* ---- L. ARCHIVE / SHOP FILTER SIDEBAR (archive-product.php) ---- */ [data-theme="light"] .xoro-filter-panel{background:#ffffff!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-filter-sidebar{background:#ffffff!important} [data-theme="light"] .xoro-filter-label{color:#9A7B1F!important} [data-theme="light"] .xoro-filter-select{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#0a0a0a!important} [data-theme="light"] .xoro-filter-select:focus{border-color:#84CC16!important} [data-theme="light"] .xoro-price-display, [data-theme="light"] .xoro-filter-check{color:#2a2a2a!important} [data-theme="light"] .xoro-price-range::-webkit-slider-thumb{border-color:#ffffff!important} [data-theme="light"] .xoro-price-range::-moz-range-thumb{border-color:#ffffff!important} [data-theme="light"] .xoro-color-swatch{border-color:#e5e5e5!important} [data-theme="light"] .xoro-filter-clear{border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .xoro-filter-clear:hover{border-color:#b91c1c!important;color:#b91c1c!important} [data-theme="light"] .xoro-filter-sidebar::before{color:#6b6b6b!important} /* ---- M. ATTRIBUTES SLIDE-UP PANEL + MISSING-ATTR POPUP (xoro-attributes.php) ---- */ [data-theme="light"] #xoroAttrPopup [style*="background:#1a1a1a"]{background:#ffffff!important} [data-theme="light"] #xoroAttrPopup h3[style*="color:#fff"]{color:#0a0a0a!important} [data-theme="light"] #xoroAttrPopup p[style*="color:#888"]{color:#6b6b6b!important} [data-theme="light"] #xoroAttrPopup [style*="background:transparent; border:1px solid #333"], [data-theme="light"] #xoroAttrPopup [style*="background:transparent;border:1px solid #333"]{border-color:#e5e5e5!important;color:#6b6b6b!important} /* v3.151.44 — Attribute SELECTION buttons inside the popup (JS-injected inline styles): .popup-attr-btn size buttons use background:#1a1a1a;color:#fff;border:1px solid #333. Swatch buttons use border:2px solid #333. These need !important inline-style overrides. */ [data-theme="light"] #xoroAttrPopup .popup-attr-btn[style*="background:#1a1a1a"], [data-theme="light"] #xoroAttrPopup .popup-attr-btn[style*="color:#fff"]{background:#f6f5f3!important;color:#0a0a0a!important;border-color:#e5e5e5!important} [data-theme="light"] #xoroAttrPopup .popup-attr-btn[style*="border:2px solid #333"]{border-color:#c9c7c2!important} [data-theme="light"] #xoroAttrPopup .popup-attr-btn:hover{border-color:#84CC16!important;background:rgba(132,204,22,.08)!important} [data-theme="light"] #xoroAttrPopup .popup-attr-btn[style*="background:#84CC16"], [data-theme="light"] #xoroAttrPopup .popup-attr-btn.xoro-attr-active{background:#84CC16!important;color:#0a0a0a!important;border-color:#84CC16!important} /* The attribute selector on the product page itself (not the popup) */ [data-theme="light"] .xoro-attr-selector label{color:#0a0a0a!important} [data-theme="light"] .xoro-attr-selector .text-gray-200{color:#0a0a0a!important} [data-theme="light"] .xoro-attr-group th{color:#6b6b6b!important} [data-theme="light"] .xoro-attr-group{border-bottom-color:#e5e5e5!important} [data-theme="light"] #xoroCardAttrOverlay{background:rgba(0,0,0,.45)} [data-theme="light"] #xoroCardAttrPanel{background:#ffffff!important;box-shadow:0 -10px 40px rgba(0,0,0,.1)!important} [data-theme="light"] .xoro-card-panel-handle{background:#c9c7c2!important} [data-theme="light"] .xoro-card-panel-header img{border-color:#e5e5e5!important} [data-theme="light"] .xoro-cp-name{color:#0a0a0a!important} [data-theme="light"] .xoro-cp-price{color:#9A7B1F!important} [data-theme="light"] .xoro-cp-price s{color:#9a9a9a!important} [data-theme="light"] .xoro-cp-attr-label{color:#6b6b6b!important} [data-theme="light"] .xoro-cp-attr-label .xoro-cp-selected{color:#9A7B1F!important} [data-theme="light"] .xoro-cp-btn{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#2a2a2a!important} [data-theme="light"] .xoro-cp-btn:hover{border-color:#9A7B1F!important;color:#0a0a0a!important} [data-theme="light"] .xoro-cp-swatch{border-color:#c9c7c2!important} [data-theme="light"] .xoro-cp-swatch:hover{border-color:#9A7B1F!important} [data-theme="light"] .xoro-card-panel-footer{background:#ffffff!important;border-top-color:#e5e5e5!important} [data-theme="light"] .xoro-cp-confirm:disabled{background:#e3e1dc!important;color:#9a9a9a!important} [data-theme="light"] .xoro-cp-close{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .xoro-cp-close:hover{background:#e3e1dc!important;color:#0a0a0a!important;border-color:#c9c7c2!important} /* Inline-styled size buttons (xoro-attributes.php line 289: background:#1a1a1a;color:#fff) */ [data-theme="light"] .xoro-size-btn{background:var(--xoro-card)!important;color:var(--xoro-text)!important;border-color:var(--xoro-border)!important} [data-theme="light"] .xoro-size-btn:hover, [data-theme="light"] .xoro-size-btn.xoro-attr-active{background:rgba(132,204,22,.1)!important;color:#9A7B1F!important;border-color:#84CC16!important} [data-theme="light"] .xoro-swatch-btn{border-color:var(--xoro-border)!important} /* ---- N. CHATBOT (assets/css/xoro-chatbot.css — major surfaces + text) ---- */ [data-theme="light"] .xoro-chatbot__panel{background:#ffffff!important;border-color:#e3e1dc!important;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(132,204,22,.1)!important} [data-theme="light"] .xoro-chatbot__header{background:linear-gradient(135deg,#f6f5f3,#ecebe7)!important;border-bottom-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__title{color:#0a0a0a!important} [data-theme="light"] .xoro-chatbot__close{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__close:hover{color:#0a0a0a!important;background:rgba(0,0,0,.06)!important} [data-theme="light"] .xoro-chatbot__messages{background:#f6f5f3!important} [data-theme="light"] .xoro-chatbot__messages::-webkit-scrollbar-thumb{background:#d4d2cd} [data-theme="light"] .xoro-chatbot__msg--bot .xoro-chatbot__msg-bubble{background:#ffffff!important;color:#0a0a0a!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__msg-bubble strong{color:#9A7B1F!important} [data-theme="light"] .xoro-chatbot__msg-bubble em{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__typing-dots{background:#ffffff!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__quick{background:#ffffff!important;border-top-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__chip{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#9A7B1F!important} [data-theme="light"] .xoro-chatbot__chip:hover{background:#84CC16!important;color:#0a0a0a!important;border-color:#84CC16!important} [data-theme="light"] .xoro-chatbot__input-wrap{background:#ffffff!important;border-top-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__input{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#0a0a0a!important} [data-theme="light"] .xoro-chatbot__input::placeholder{color:#9a9a9a!important} [data-theme="light"] .xoro-chatbot__prod-card{background:#f6f5f3!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__prod-img{background:#ecebe7!important} [data-theme="light"] .xoro-chatbot__prod-name{color:#0a0a0a!important} [data-theme="light"] .xoro-chatbot__prod-attrs{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__prod-desc{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__invoice{background:linear-gradient(180deg,#ffffff 0%,#f6f5f3 100%)!important;border-color:rgba(132,204,22,.3)!important} [data-theme="light"] .xoro-chatbot__inv-row{color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__inv-row span:first-child{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__inv-sep{background:linear-gradient(90deg,transparent,#e5e5e5,transparent)!important} [data-theme="light"] .xoro-chatbot__inv-label{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__inv-item{background:rgba(0,0,0,.02)!important;border-color:rgba(0,0,0,.04)!important} [data-theme="light"] .xoro-chatbot__inv-name{color:#0a0a0a!important} [data-theme="light"] .xoro-chatbot__inv-item-meta{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__inv-addr-line{color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__inv-note{color:#6b6b6b!important;background:rgba(0,0,0,.03)!important} [data-theme="light"] .xoro-chatbot__cart-summary{background:#f6f5f3!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__cart-item{color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__addon-card{background:#f6f5f3!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__addon-img{background:#ecebe7!important} [data-theme="light"] .xoro-chatbot__addon-name{color:#0a0a0a!important} [data-theme="light"] .xoro-chatbot__addons-no{color:#6b6b6b!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__checkout-cta-sub{color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__followup-chip{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__prebuilt-card{background:linear-gradient(135deg,rgba(246,245,243,.9),rgba(236,235,231,.95))!important;border-color:rgba(0,0,0,.06)!important} [data-theme="light"] .xoro-chatbot__prebuilt-text{color:#0a0a0a!important} [data-theme="light"] .xoro-chatbot__prebuilt-sub{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__prebuilt-arrow{color:#9a9a9a!important} [data-theme="light"] .xoro-chatbot__verify-overlay{background:rgba(0,0,0,.5)} [data-theme="light"] .xoro-chatbot__verify-popup{background:linear-gradient(180deg,#ffffff 0%,#f6f5f3 100%)!important;border-color:rgba(132,204,22,.35)!important} [data-theme="light"] .xoro-chatbot__verify-close-btn{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__verify-title{color:#9A7B1F!important} [data-theme="light"] .xoro-chatbot__verify-subtitle{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__verify-field-label{color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__verify-field input{background:#ffffff!important;border-color:#e5e5e5!important;color:#0a0a0a!important} [data-theme="light"] .xoro-chatbot__verify-field input::placeholder{color:#9a9a9a!important} [data-theme="light"] .xoro-chatbot__verify-trust-item{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__trk-van{background:#ffffff!important} [data-theme="light"] .xoro-chatbot__trk-city-name{color:#0a0a0a!important} [data-theme="light"] .xoro-chatbot__trk-detail{border-bottom-color:rgba(0,0,0,.05)!important} [data-theme="light"] .xoro-chatbot__trk-detail span:last-child{color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__trk-dot{background:#d4d2cd!important;border-color:#ffffff!important} [data-theme="light"] .xoro-chatbot__trk-event-status{color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__trk-no-history{color:#6b6b6b!important} [data-theme="light"] .xoro-chatbot__qa{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#2a2a2a!important} [data-theme="light"] .xoro-chatbot__card{background:#ffffff!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__card-note{color:#6b6b6b!important;border-top-color:#e5e5e5!important} [data-theme="light"] .xoro-chatbot__dl-badge{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#6b6b6b!important} /* ---- O. FOOTER (footer.php .xoro-site-footer + .xoro-footer-*) ---- */ [data-theme="light"] .xoro-site-footer{background:linear-gradient(180deg,#f6f5f3 0%,#ffffff 100%)!important;border-top-color:#e3e1dc!important} [data-theme="light"] .xoro-footer-logo{color:#9A7B1F!important} [data-theme="light"] .xoro-footer-tagline{color:#6b6b6b!important} [data-theme="light"] .xoro-footer-social a{background:#ffffff!important;border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .xoro-footer-social a:hover{background:#84CC16!important;color:#0a0a0a!important;border-color:#84CC16!important} [data-theme="light"] .xoro-footer-card{background:#ffffff!important;border-color:#e5e5e5!important} [data-theme="light"] .xoro-footer-card-title{color:#9A7B1F!important;border-bottom-color:#e5e5e5!important} [data-theme="light"] .xoro-footer-card a{color:#6b6b6b!important} [data-theme="light"] .xoro-footer-card a:hover{color:#9A7B1F!important} [data-theme="light"] .xoro-footer-trust{border-top-color:#e5e5e5!important;border-bottom-color:#e5e5e5!important} [data-theme="light"] .xoro-footer-trust .xoro-trust-badge{color:#4b5563!important} [data-theme="light"] .xoro-pay-badge{background:#ffffff!important;border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .xoro-footer-copy{color:#6b6b6b!important} [data-theme="light"] .xoro-footer-links-small a{color:#6b6b6b!important} [data-theme="light"] .xoro-footer-links-small a:hover{color:#9A7B1F!important} [data-theme="light"] .xoro-footer-made{color:#7a7a7a!important} [data-theme="light"] .xoro-footer-made span{color:#84CC16!important} /* ---- P. THANKYOU PAGE (.ty-* order tracker) ---- */ [data-theme="light"] .ty-steps::before{background:#e3e1dc!important} [data-theme="light"] .ty-step-dot{background:#f6f5f3!important;border-color:#e5e5e5!important;color:#6b6b6b!important} [data-theme="light"] .ty-step-active .ty-step-dot{background:#22c55e!important;border-color:#22c55e!important;color:#ffffff!important} [data-theme="light"] .ty-step-title{color:#0a0a0a!important} [data-theme="light"] .ty-step-date{color:#6b6b6b!important} [data-theme="light"] .ty-step-active .ty-step-title{color:#15803d!important} [data-theme="light"] .ty-item:hover{background:rgba(0,0,0,.02)!important} [data-theme="light"] .ty-trust-item:hover{border-color:rgba(132,204,22,.3)!important;background:rgba(132,204,22,.05)!important} /* ---- P2. v3.151.40 — SINGLE-PRODUCT DESCRIPTION TAB (Read More / Material / Delivery / Returns / Warranty / Care) ---- These classes are in an INLINE