/* SmartSex 4.0 - Dual Theme Architecture (Clinical Wellness / Midnight Tech OLED) */

/* 1. ROOT VARIABLES (Clinical Wellness - Light Mode) */
:root {
    --smartsex-bg: #F8F9FA;
    --smartsex-surface: #FFFFFF;
    --smartsex-primary: #E31965;
    --smartsex-primary-hover: #C51558;
    --smartsex-secondary: #FF4D6D;
    --smartsex-success: #2A9D8F;
    --smartsex-text: #212529;
    --smartsex-text-muted: #6C757D;
    --smartsex-border: rgba(0, 0, 0, 0.08);
    --smartsex-border-hover: rgba(227, 25, 101, 0.5);
    --smartsex-shadow: 0 4px 10px rgba(0,0,0,0.05);
    --smartsex-shadow-hover: 0 10px 20px rgba(0,0,0,0.08);
    --smartsex-radius: 24px;
    --smartsex-radius-sm: 16px;
    --smartsex-glass: rgba(255, 255, 255, 0.85);
    
    /* UniShop2 Comprehensive Mapping - Light */
    --body-bg: var(--smartsex-bg);
    --main-bg: var(--smartsex-bg);
    --body-c: var(--smartsex-text);
    --a-c: var(--smartsex-primary);
    --a-c-hover: var(--smartsex-primary-hover);
    --heading-c: var(--smartsex-text);
    --h1-c: var(--smartsex-text);
    --h2-c: var(--smartsex-text);
    --h3-c: var(--smartsex-text);
    --h4-c: var(--smartsex-text);
    
    --header-bg: var(--smartsex-surface);
    --top-menu-bg: #E9ECEF;
    --menu-bg: var(--smartsex-surface);
    --menu-main-bg: var(--smartsex-surface);
    --menu-module-bg: var(--smartsex-surface);
    
    --footer-bg: var(--smartsex-surface);
    --footer-c: var(--smartsex-text-muted);

    --btn-default-bg: #E9ECEF;
    --btn-default-c: var(--smartsex-text);
    --btn-default-bg-hover: #D3D9DF;
    
    --btn-primary-bg: var(--smartsex-primary);
    --btn-primary-bg-hover: var(--smartsex-primary-hover);
    --btn-primary-c: #FFFFFF;
    
    --add-to-cart-btn-bg: var(--smartsex-primary);
    --add-to-cart-btn-bg-hover: var(--smartsex-primary-hover);
    --add-to-cart-btn-c: #FFFFFF;

    --wishlist-btn-bg-hover: var(--smartsex-secondary);
    --compare-btn-bg-hover: var(--smartsex-secondary);

    --border-radius-1: var(--smartsex-radius-sm);
    --product-thumb-shadow: var(--smartsex-shadow);
    --product-thumb-shadow-hover: var(--smartsex-shadow-hover);
    
    --alert-success-bg: var(--smartsex-success);
    --price-new-c: var(--smartsex-primary);
}

/* 2. DARK THEME OVERRIDES (Midnight Tech: OLED-Abyss) */
html[data-theme="dark"] {
    --smartsex-bg: #08050D; /* OLED-Abyss */
    --smartsex-surface: #130D1C; /* Tinted Glass */
    --smartsex-primary: #E31965; /* Electric Amethyst */
    --smartsex-primary-hover: #C51558; 
    --smartsex-secondary: #00F0FF; /* Cyber Blue */
    --smartsex-success: #00FF88; /* Neon Mint */
    --smartsex-text: #F4F4F9; /* Crystal White */
    --smartsex-text-muted: #B0A8B9; /* Platinum Lavender */
    --smartsex-border: rgba(227, 25, 101, 0.15);
    --smartsex-border-hover: rgba(227, 25, 101, 0.8);
    --smartsex-shadow: 0 4px 10px rgba(0,0,0,0.8);
    --smartsex-shadow-hover: 0 15px 30px rgba(227, 25, 101, 0.2);
    --smartsex-glass: rgba(8, 5, 13, 0.85);

    /* Dark Mode Mappings */
    --body-bg: var(--smartsex-bg);
    --main-bg: var(--smartsex-bg);
    --body-c: var(--smartsex-text);
    --a-c: var(--smartsex-primary);
    --a-c-hover: var(--smartsex-secondary);
    --heading-c: var(--smartsex-text);
    --h1-c: var(--smartsex-text);
    --h2-c: var(--smartsex-text);
    --h3-c: var(--smartsex-text);
    
    --header-bg: var(--smartsex-surface);
    --top-menu-bg: #050308;
    --menu-bg: var(--smartsex-surface);
    --menu-main-bg: var(--smartsex-surface);
    --menu-module-bg: var(--smartsex-surface);
    
    --footer-bg: var(--smartsex-surface);
    --footer-c: var(--smartsex-text-muted);

    --btn-default-bg: #1B1229;
    --btn-default-c: var(--smartsex-text);
    --btn-default-bg-hover: #291C3D;
    
    --btn-primary-bg: var(--smartsex-primary);
    --btn-primary-bg-hover: var(--smartsex-primary-hover);
    
    --add-to-cart-btn-bg: var(--smartsex-primary);
    --add-to-cart-btn-bg-hover: var(--smartsex-primary-hover);

    --alert-success-bg: var(--smartsex-success);
    --price-new-c: var(--smartsex-text);
}

/* 3. AGGRESSIVE GLOBAL OVERRIDES TO ENSURE EVERYTHING ADAPTS */
body, html, #content, .uni-wrapper, .common-home, .product-product, .product-category, .information-information, .product-manufacturer, .checkout-checkout, .modal-body, .panel, .well, .dropdown-menu, .breadcrumb, header, footer, .top-menu, .top-links__ul {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

header, footer, .top-menu, .product-thumb, .panel, .dropdown-menu {
    background-color: var(--smartsex-surface) !important;
    border-color: var(--smartsex-border) !important;
}

a { color: var(--smartsex-primary); transition: color 0.2s ease; }
a:hover { color: var(--smartsex-primary-hover); }
html[data-theme="dark"] a:hover { color: var(--smartsex-secondary); }

h1, h2, h3, h4, h5, h6 { color: var(--smartsex-text) !important; }
p, span, li, label, .price, .description, .breadcrumb a { color: var(--smartsex-text-muted) !important; }
.price-new, .price .price-new { color: var(--smartsex-text) !important; font-weight: 700 !important; }
html[data-theme="dark"] .price-new { color: var(--smartsex-text) !important; }

.form-control, input, select, textarea {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
    border: 1px solid var(--smartsex-border) !important;
}

/* 4. INTERACTION EFFECTS (Elevate vs Glow) */
.product-thumb {
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hover - Light Mode (Elevate) */
html[data-theme="light"] .product-thumb:hover {
    transform: translateY(-4px);
    box-shadow: var(--smartsex-shadow-hover) !important;
}

/* Hover - Dark Mode (Glow) */
html[data-theme="dark"] .product-thumb:hover {
    border-color: var(--smartsex-primary) !important;
    box-shadow: 0 0 20px rgba(227, 25, 101, 0.3) !important; /* Electric Amethyst Glow */
}

/* Button Snap/Pulse */
.btn-primary, .add_to_cart, .btn-cart {
    border-radius: var(--smartsex-radius-sm) !important;
    transition: all 0.2s ease !important;
    font-weight: 600;
    border: none !important;
}

.btn-primary:active, .add_to_cart:active {
    transform: scale(0.98) !important;
}

/* Add to cart clicked state (Snap to Green / Neon Mint) */
.btn-primary.clicked, .add_to_cart.clicked {
    background-color: var(--smartsex-success) !important;
    color: #000 !important; /* Black text on neon mint for contrast */
}

/* Dark Mode Add to Cart Pulse */
html[data-theme="dark"] .add_to_cart:active {
    box-shadow: 0 0 15px var(--smartsex-secondary); /* Cyber Blue pulse */
}

/* Product Images - Transparent Backgrounds for Depth */
.product-thumb .image img, .product-image img {
    background: transparent !important;
    mix-blend-mode: normal;
}

/* Skeleton Loading */
.skeleton {
    background: linear-gradient(90deg, var(--smartsex-surface) 25%, var(--smartsex-bg) 50%, var(--smartsex-surface) 75%) !important;
    background-size: 200% 100% !important;
    animation: skeleton-loading 1.5s infinite !important;
}
@keyframes skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Glassmorphism for Sticky Headers & Modals */
.header-sticky, .modal-content {
    background-color: var(--smartsex-glass) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--smartsex-border);
}

/* 5. SEO HOME SECTION (Reviews & FAQ) */
.home-seo-section, .home-reviews-section, .home-faq-section {
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius) !important;
    padding: 30px !important;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
    box-shadow: var(--smartsex-shadow) !important;
    position: relative;
}

.seo-toggle-check, .faq-toggle { display: none; }

.seo-text-content {
    max-height: 250px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-in-out;
}

.seo-text-content::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0; width: 100%; height: 100px;
    background: linear-gradient(to bottom, transparent 0%, var(--smartsex-surface) 100%);
    pointer-events: none; transition: opacity 0.3s;
}

.seo-toggle-check:checked ~ .seo-text-content { max-height: 5000px; }
.seo-toggle-check:checked ~ .seo-text-content::after { opacity: 0; }

.seo-toggle-wrapper { text-align: center; margin-top: 15px; }
.seo-toggle-label {
    display: inline-block; cursor: pointer; color: var(--smartsex-primary);
    font-weight: 600; font-size: 14px; padding: 8px 20px;
    border: 1px solid var(--smartsex-primary); border-radius: 20px;
    transition: all 0.3s ease;
}
.seo-toggle-label:hover { background-color: var(--smartsex-primary); color: #fff; }
.seo-show-less { display: none; }
.seo-toggle-check:checked ~ .seo-toggle-wrapper .seo-show-more { display: none; }
.seo-toggle-check:checked ~ .seo-toggle-wrapper .seo-show-less { display: inline; }

.home-seo-section h2, .home-reviews-section h2, .home-faq-section h2 { margin-bottom: 25px !important; text-transform: uppercase; border-bottom: 1px solid var(--smartsex-border); padding-bottom: 10px; text-align: center; }

/* Reviews */
.reviews-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.review-card {
    background-color: var(--smartsex-bg) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    padding: 20px;
}
html[data-theme="light"] .review-card:hover { transform: translateY(-5px); border-color: var(--smartsex-primary) !important; }
html[data-theme="dark"] .review-card:hover { border-color: var(--smartsex-primary) !important; box-shadow: 0 0 15px rgba(227, 25, 101, 0.2); }

.review-header { display: flex; align-items: center; margin-bottom: 15px; }
.review-avatar {
    background: linear-gradient(135deg, var(--smartsex-primary), var(--smartsex-secondary)) !important;
    width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    border: 2px solid var(--smartsex-primary); margin-right: 15px;
}
.review-avatar i { color: #fff; font-size: 20px; }
.review-meta strong { color: var(--smartsex-text); font-size: 16px; display: block; }
.review-card p { font-style: italic; color: var(--smartsex-text-muted); }

/* FAQ Accordion */
.faq-container { display: flex; flex-direction: column; gap: 15px; }
.faq-item { background-color: var(--smartsex-bg); border: 1px solid var(--smartsex-border); border-radius: var(--smartsex-radius-sm); overflow: hidden; }
.faq-question {
    display: flex; justify-content: space-between; align-items: center;
    padding: 18px 20px; margin: 0; cursor: pointer;
    font-weight: 600; font-size: 16px; color: var(--smartsex-text);
}
.faq-question:hover { background-color: var(--smartsex-border); }
.faq-question::after {
    content: "\f078"; font-family: "Font Awesome 5 Free", "FontAwesome"; font-weight: 900;
    color: var(--smartsex-primary); transition: transform 0.3s ease;
}
.faq-toggle:checked + .faq-question::after { transform: rotate(180deg); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; background-color: var(--smartsex-bg); }
.faq-toggle:checked ~ .faq-answer { max-height: 500px; padding: 0 20px 20px 20px; }

/* HEADER THEME TOGGLE BUTTON */
.theme-toggle-btn {
    background: var(--smartsex-surface);
    border: 1px solid var(--smartsex-border);
    color: var(--smartsex-primary);
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    margin-left: 15px;
    box-shadow: var(--smartsex-shadow);
}
.theme-toggle-btn:hover {
    background: var(--smartsex-primary);
    color: #fff;
    border-color: var(--smartsex-primary);
    box-shadow: var(--smartsex-shadow-hover);
}

/* MASSIVE UNISHOP2 VARIABLE MAPPING TO OVERRIDE ALL REDS AND GRAYS */
:root, html[data-theme="light"], html[data-theme="dark"] {
    /* Base Backgrounds */
    --body-bg: var(--smartsex-bg) !important;
    --main-bg: var(--smartsex-bg) !important;
    --header-bg: var(--smartsex-surface) !important;
    --top-menu-bg: var(--smartsex-bg) !important;
    --menu-bg: var(--smartsex-surface) !important;
    --menu-main-bg: var(--smartsex-surface) !important;
    --menu-main-header-bg: var(--smartsex-bg) !important;
    --menu-module-bg: var(--smartsex-surface) !important;
    --menu-right-bg: var(--smartsex-surface) !important;
    --menu-right-level-2-bg: var(--smartsex-bg) !important;
    --footer-bg: var(--smartsex-surface) !important;
    --nav-tabs-bg: var(--smartsex-surface) !important;
    
    /* Search Bar & Inputs */
    --header-search-input-bg: var(--smartsex-bg) !important;
    --header-search-input-c: var(--smartsex-text) !important;
    --header-search-cat-btn-bg: var(--smartsex-primary) !important;
    --header-search-cat-btn-c: #fff !important;

    /* Buttons (The Reds) */
    --btn-primary-bg: var(--smartsex-primary) !important;
    --btn-primary-bg-hover: var(--smartsex-primary-hover) !important;
    --btn-primary-c: #fff !important;
    --btn-primary-c-hover: #fff !important;
    
    --add-to-cart-btn-bg: var(--smartsex-primary) !important;
    --add-to-cart-btn-bg-hover: var(--smartsex-primary-hover) !important;
    --add-to-cart-btn-bg-incart: var(--smartsex-success) !important;
    --add-to-cart-btn-bg-incart-hover: var(--smartsex-success) !important;
    --add-to-cart-btn-c: #fff !important;
    --add-to-cart-btn-c-incart: #000 !important;
    
    --btn-default-bg: var(--smartsex-surface) !important;
    --btn-default-bg-hover: var(--smartsex-bg) !important;
    --btn-default-c: var(--smartsex-text) !important;
    
    --wishlist-btn-bg: var(--smartsex-surface) !important;
    --wishlist-btn-bg-hover: var(--smartsex-secondary) !important;
    --compare-btn-bg: var(--smartsex-surface) !important;
    --compare-btn-bg-hover: var(--smartsex-secondary) !important;
    
    --header-icon-total-bg: var(--smartsex-secondary) !important;
    --header-icon-total-c: #000 !important;
    --header-icon-c: var(--smartsex-primary) !important;
    
    /* Text Colors (Fixing the Grays) */
    --body-c: var(--smartsex-text) !important;
    --heading-c: var(--smartsex-text) !important;
    --h1-c: var(--smartsex-text) !important;
    --h2-c: var(--smartsex-text) !important;
    --h3-c: var(--smartsex-text) !important;
    --h4-c: var(--smartsex-text) !important;
    --h5-c: var(--smartsex-text) !important;
    --h6-c: var(--smartsex-text) !important;
    
    --price-c: var(--smartsex-text) !important;
    --price-new-c: var(--smartsex-text) !important;
    --price-old-c: var(--smartsex-text-muted) !important;
    
    --menu-main-c: var(--smartsex-text) !important;
    --menu-main-header-c: var(--smartsex-text) !important;
    --menu-main-level-1-c: var(--smartsex-text) !important;
    --menu-main-level-2-c: var(--smartsex-text-muted) !important;
    --menu-main-level-3-c: var(--smartsex-text-muted) !important;
    
    --a-c: var(--smartsex-primary) !important;
    --a-c-hover: var(--smartsex-primary-hover) !important;
    
    --footer-c: var(--smartsex-text-muted) !important;
    --footer-heading-c: var(--smartsex-text) !important;
    
    /* Other specific red components */
    --tooltip-bg: var(--smartsex-primary) !important;
    --carousel-nav-btn-bg: var(--smartsex-primary) !important;
    --carousel-dot-bg-active: var(--smartsex-primary) !important;
    --pagination-bg-active: var(--smartsex-primary) !important;
    --pagination-c-active: #fff !important;
}

/* HARD OVERRIDES FOR UNISHOP CLASSES */
#menu, .menu_wrapper, #top, header, footer, .cart-wrapper, .account-wrapper, .product-wrapper, .category-wrapper {
    background-color: var(--smartsex-surface) !important;
}
.header-search, .header-search__input, .header-search__btn {
    border-color: var(--smartsex-border) !important;
}
.header-search__btn {
    background-color: var(--smartsex-primary) !important;
    color: #fff !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: var(--smartsex-text) !important;
    background-color: var(--smartsex-bg) !important;
    border-color: var(--smartsex-border) !important;
}
.alert {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    border-color: var(--smartsex-primary) !important;
}
#cart, .cart-content, .dropdown-menu {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
}
.table, .table-bordered, .table>tbody>tr>td {
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
.list-group-item {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    border-color: var(--smartsex-border) !important;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-primary) !important;
}

/* ========================================================
   NUCLEAR OPTION: RED ERADICATION & TEXT READABILITY
   ======================================================== */

/* Update Light Mode text to be darker/more readable */
:root {
    --smartsex-text-muted: #3B4252 !important; /* Much darker gray for light mode */
}
/* Update Dark Mode text to be brighter/more readable */
html[data-theme="dark"] {
    --smartsex-text-muted: #D8DEE9 !important; /* Very bright icy white/gray for dark mode */
}

/* 1. Nuke ALL RED backgrounds from Navbar, Search, Modules, and Badges */
.menu1, .menu1 .menu__collapse, .menu2, .menu-main, .top-menu,
.uni-module .heading, .uni-module__heading, .module-heading,
.header-search__btn, .header-search__category, .header-search__btn:hover,
.btn-primary, .add_to_cart, .btn-danger, .alert-danger, 
.badge, .label-danger, .product-thumb__sticker, .sticker__item,
.pagination > .active > a, .pagination > .active > span,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: var(--smartsex-primary) !important;
    border-color: var(--smartsex-primary) !important;
    background-image: none !important; /* Kill old gradients */
    color: #ffffff !important;
}

/* 2. Nuke Red Text/Borders */
.text-danger, .price-new, .product-thumb__price-new {
    color: var(--smartsex-primary) !important;
}
.header-search, .header-search__input {
    border-color: var(--smartsex-primary) !important;
}

/* 3. Force Product About, Account, and Cart Sections into Theme Surface */
.account-wrapper, .cart-wrapper, #cart, .dropdown-menu, 
.panel, .panel-default, .panel-heading, .panel-body,
.well, .list-group-item, .table, .table-bordered, .table-striped > tbody > tr:nth-of-type(odd),
.table > tbody > tr > td, .table > thead > tr > td, .table > tfoot > tr > td,
.category-info, .product-info, #tab-description, #tab-specification, #tab-review {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    border-color: var(--smartsex-border) !important;
}

/* 4. Fix Search Input and Forms */
.header-search__input, .form-control, input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
    border: 1px solid var(--smartsex-border) !important;
}

/* 5. FORCE ALL TEXT TO BE READABLE (Nuke unreadable Grays/Whites) */
body, h1, h2, h3, h4, h5, h6, p, td, th, label, div.description, div.caption {
    color: var(--smartsex-text) !important;
}

/* Allow links to be primary color, except in buttons */
a {
    color: var(--smartsex-primary) !important;
}
a.btn, .btn a, .header-search__btn i, .menu__collapse a, .nav-tabs > li.active > a {
    color: #ffffff !important;
}
html[data-theme="dark"] a:hover {
    color: var(--smartsex-secondary) !important;
}

/* Specific muted text (only where appropriate) */
.price-old, .breadcrumb a, .text-muted, .help-block {
    color: var(--smartsex-text-muted) !important;
}

/* ================================================================
   AUTO-GENERATED TOTAL THEME OVERRIDE - EVERY CLASS FROM STYLESHEET.CSS
   ================================================================ */

/* === BACKGROUND OVERRIDES === */
body,
.input input,
.input input[type="checkbox"]:checked,
.input input[type="radio"]:checked,
.input-group .input-group-addon,
.search-btn-clear,
select.form-control,
.highlight,
.div-text-empty,
.btn-default,
.btn-default:hover,
.btn-default:focus,
.list-group-item:not(.ocfilter-option),
.list-group-item:hover,
header,
.top-menu,
.top-menu__btn,
.top-menu__btn:hover,
#top .open .btn-group__btn,
.header-search__category-btn,
.header-search__input,
.header-search__btn,
.header-search__btn:hover,
.header-phones__show-phone,
.header-phones__show-phone:hover,
.header-phones__a:hover,
.header-cart__remove-btn,
.header-cart__total-items,
.header-wishlist__total-items,
.header-compare__total-items,
.menu,
.menu__level-2,
.menu1 .menu__header,
.menu1 .menu__collapse,
.menu1 .menu__level-1-li.open,
.menu2 .menu__level-1-li:hover,
main,
.breadcrumb,
.banner-title,
.menu-module__ul,
.list-group,
.menu-module__chevron:hover,
.menu-module__chevron.open,
.uni-form,
.option__name,
.option__item:not(.ended):hover .option__name,
.option__item:not(.ended) input:checked + .option__name,
.option__popup,
.option .text-danger,
.qty-switch__btn.fa,
.qty-switch__btn.fa:hover,
.btn.quick-order,
.btn.quick-order:hover,
.btn.quick-order:focus,
.wishlist,
.wishlist a,
.wishlist:hover,
.wishlist a:hover,
.compare,
.compare a,
.compare:hover,
.compare a:hover,
.uni-item,
.uni-item-bg,
.uni-item-bg:hover,
.sorts-block__btn.selected:before,
.product-category-list,
.product-category-list__item:hover:before,
.product-category-list__item.selected:before,
.pagination li a,
.pagination li a:hover,
.pagination li a:visited,
.home-page .html-module,
.category-info,
.category-info .desc-collapse,
.category-info .desc-collapse:before,
.desc-collapse,
.desc-collapse:before,
.nav-tabs,
.carousel,
.footer,
.footer__socials-payments,
.footer__socials-icon.fa-odnoklassniki,
.footer__socials-icon.fa-vk,
.footer__socials-icon.fa-facebook,
.footer__socials-icon.fa-twitter,
.footer__socials-icon.fa-instagram,
.footer__socials-icon.fa-youtube,
.footer__socials-icon.fa-viber,
.footer__socials-icon.fa-whatsapp,
.footer__socials-icon.fa-tiktok,
.footer__socials-icon.fa-telegram-plane,
.fly-block__back,
.fly-block__scrollup,
.fly-block__scrollup:hover,
.modal-header,
.modal-header .close,
.modal-body,
.modal-backdrop.in,
#modal-cart img,
.owl-carousel .owl-video-wrapper,
.owl-carousel .owl-video-play-icon,
.owl-carousel .owl-nav button,
.owl-carousel .owl-dots .owl-dot,
.uni-timer__group,
.alert-success,
.alert-success a,
.alert-warning,
.alert-warning a,
.alert-danger,
.alert-danger a,
.swiper-viewport .swiper-pagination .swiper-pagination-bullet,
.tooltip-inner,
.preloader,
.menu-wrapper,
.menu__header,
.menu__header-icon.fa-times,
.menu-open,
.menu__chevron.open,
.top-links__ul,
.top-links .top-links__a,
.header-menu__btn,
.main-menu.set-before:before,
.menu1.new,
.menu-right,
.menu-right .menu__level-2 {
    background-color: var(--smartsex-surface) !important;
    background-image: none !important;
    border-color: var(--smartsex-border) !important;
}

/* === TEXT COLOR OVERRIDES === */
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
.dropdown-menu li > a i,
a:hover,
a:focus,
a:active,
div.heading,
.input input:hover,
.form-control.input-warning,
.text-danger,
.required .control-label:before,
.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.top-menu__btn,
.top-menu__btn:hover,
#top .open .btn-group__btn,
.top-menu__wishlist-total.uni-badge,
.top-menu__compare-total.uni-badge,
.header-logo span,
.header-logo a,
.header-search__category-btn,
.header-search__input,
.header-search__btn,
.header-search__btn:hover,
.header-search__input::-moz-placeholder,
.header-search__input:-ms-input-placeholder,
.header-search__input:-input-placeholder,
.header-phones__main,
.header-phones__main:hover,
.header-phones__show-phone,
.header-phones__show-phone:hover,
.header-phones__additional,
.header-phones__additional.selected,
.header-phones__a,
.header-phones__a:hover,
.header-phones__text,
.header-phones__callback,
.header-cart__stock,
.header-cart__price-text,
.header-cart__total-text,
.header-cart__remove-btn,
.header-cart__empty,
.header-cart__total-items,
.header-wishlist__total-items,
.header-compare__total-items,
.header-account__icon,
.header-wishlist__icon,
.header-compare__icon,
.header-cart__icon,
.menu,
.menu__level-1-a,
.menu__level-1-a:hover,
.menu__level-1-li:after,
.menu__chevron-level-1,
.menu__level-2-a,
.menu__level-2-a:hover,
.menu__chevron-level-2,
.menu__level-3-a,
.menu__level-3-a:hover,
.menu__more,
.menu1 .menu__header,
.menu1 .menu__collapse,
.breadcrumb li + li:before,
.banner-title,
.menu-module__children-a,
.menu-module__children-a:hover,
i.menu-module__chevron,
.menu-module__a,
.menu-module__a:focus,
a.list-group-item,
.menu-module__a:hover,
a.list-group-item:hover a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
a.list-group-item:hover,
.uni-form__heading,
.sticker__item.reward,
.sticker__item.special,
.sticker__item.bestseller,
.sticker__item.new,
.sticker__item.sku,
.sticker__item.upc,
.sticker__item.ean,
.sticker__item.jan,
.sticker__item.isbn,
.sticker__item.mpn,
.option__select,
.option__name,
.option__item:not(.ended):hover .option__name,
.option__item:not(.ended) input:checked + .option__name,
.option__img:hover,
.option input:hover + .option__img,
.option input:checked + .option__img,
.qty-switch__btn.fa,
.rating .fa-star,
.rating .far.fa-star,
.rating .fa-comment,
.rating:hover .fas,
.rating .uni-badge,
.price,
.price .price-old,
.price .price-new,
.price-tax,
.add_to_cart,
.add_to_cart:hover,
.add_to_cart:focus,
.add_to_cart:active,
.add_to_cart.in_cart,
.add_to_cart.in_cart:hover,
.add_to_cart.in_cart:focus,
.add_to_cart.in_cart:active,
.add_to_cart.qty-0,
.add_to_cart.qty-0:hover,
.add_to_cart.qty-0:focus,
.add_to_cart.qty-0:active,
.add_to_cart.disabled,
.add_to_cart.disabled:hover,
.add_to_cart.disabled:focus,
.add_to_cart.disabled:active,
.btn.quick-order,
.btn.quick-order:hover,
.btn.quick-order:focus,
.btn.quick-order:active,
.wishlist,
.wishlist a,
.wishlist:hover,
.wishlist a:hover,
.wishlist.active,
.compare,
.compare a,
.compare:hover,
.compare a:hover,
.compare.active,
.product-thumb__name,
.product-thumb__name:hover,
.product-thumb__description.description,
.product-thumb__attribute,
.product-thumb__attribute-value:not(:last-child):after,
.product-thumb__attribute-value,
.product-thumb__rating,
.product-thumb__addit-item.active,
.sorts-block__span,
.sorts-block__span.selected,
.product-category-list__item.selected,
.pagination li a,
.pagination li a:hover,
.pagination li a:visited,
.pagination li.active span,
.pagination li.active span:hover,
.pagination li.active span:focus,
.pagination-text,
.nav-tabs li a,
.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover,
.footer,
.footer__column-heading,
.footer a,
.footer__column-a,
.footer__column-a:hover,
.footer__column-a:active,
.footer__column-a:visited,
.footer__socials-icon,
.fly-block__back,
.fly-block__scrollup,
.modal-header .close,
.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover,
.owl-carousel .owl-nav button,
.uni-timer__digit,
.uni-timer__text,
.alert-success,
.alert-success a,
.alert-warning,
.alert-warning a,
.alert-danger,
.alert-danger a,
.swiper-viewport .swiper-pager .swiper-button-next:before,
.swiper-viewport .swiper-pager .swiper-button-prev:before,
.tooltip-inner,
.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.left .tooltip-arrow,
.tooltip.right .tooltip-arrow,
.preloader:after,
.pass-wrap .far,
.error-not-found,
.menu-open,
.top-links .top-links__a,
.top-links .top-links__a:hover,
.header-menu__btn,
.menu-right .menu__level-1-a,
.menu-right .menu__level-1-li:after,
.menu-right .menu__level-1-li:hover .menu__level-1-a,
.menu-right .menu__level-2-a,
.menu-right .menu__level-2-a:hover,
.menu-right .menu__level-3-a,
.menu-right .menu__level-3-a:hover,
.header-block__item-caption {
    color: var(--smartsex-text) !important;
}

/* === PRIMARY COLOR (BUTTONS/BADGES) === */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.uni-badge,
.sticker__item.reward,
.sticker__item.special,
.sticker__item.bestseller,
.sticker__item.new,
.sticker__item.sku,
.sticker__item.upc,
.sticker__item.ean,
.sticker__item.jan,
.sticker__item.isbn,
.sticker__item.mpn,
.add_to_cart,
.add_to_cart:hover,
.add_to_cart:focus,
.add_to_cart:active,
.add_to_cart.in_cart,
.add_to_cart.in_cart:hover,
.add_to_cart.in_cart:focus,
.add_to_cart.in_cart:active,
.add_to_cart.qty-0,
.add_to_cart.qty-0:hover,
.add_to_cart.qty-0:focus,
.add_to_cart.qty-0:active,
.add_to_cart.disabled,
.add_to_cart.disabled:hover,
.add_to_cart.disabled:focus,
.add_to_cart.disabled:active,
.btn.quick-order:active,
.wishlist.active,
.compare.active,
.pagination li.active span,
.pagination li.active span:hover,
.pagination li.active span:focus,
.owl-carousel .owl-dots .owl-dot.active,
.swiper-viewport .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--smartsex-primary) !important;
    background-image: none !important;
    border-color: var(--smartsex-primary) !important;
    color: #ffffff !important;
}

/* === PRECISE OVERRIDES FOR PROBLEM AREAS === */
.product-block-col, .product-block-col > div {
    background-color: var(--smartsex-surface) !important;
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
.main-menu.set-before, .main-menu.set-before::before {
    background-color: var(--smartsex-surface) !important;
    background-image: none !important;
    color: var(--smartsex-text) !important;
}
.tab-content, .tab-content > .tab-pane {
    background-color: var(--smartsex-bg) !important;
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
.owl-item.active, .owl-carousel .owl-item {
    background-color: transparent !important;
}
.product-page-tabs.nav-tabs, .product-page-tabs.nav-tabs > li > a,
.product-page-tabs.nav-tabs > li.active > a,
.product-page-tabs.nav-tabs > li.active > a:hover,
.product-page-tabs.nav-tabs > li.active > a:focus {
    background-color: var(--smartsex-surface) !important;
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
    background-image: none !important;
}
.product-page-tabs.nav-tabs > li.active > a {
    border-bottom-color: var(--smartsex-primary) !important;
}
/* Main menu red bar - DESTROY IT */
.main-menu, .main-menu .menu1, .main-menu .menu__collapse,
.main-menu .menu__level-1-li, .main-menu .menu__level-1-a {
    background-color: var(--smartsex-surface) !important;
    background-image: none !important;
    color: var(--smartsex-text) !important;
}
.main-menu .menu__level-1-a:hover, .main-menu .menu__level-1-li:hover {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-primary) !important;
}
/* Top bar red destroy */
#top, .top-menu, .top-menu__buttons, .top-menu__links, .top-menu__btn {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
    border-color: var(--smartsex-border) !important;
    background-image: none !important;
}
/* Cart button */
#cart > .btn, #cart .btn, .header-cart {
    background-color: var(--smartsex-primary) !important;
    color: #fff !important;
    background-image: none !important;
    border-color: var(--smartsex-primary) !important;
}
/* White text on light background fix */
html[data-theme="light"] body,
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3,
html[data-theme="light"] h4, html[data-theme="light"] h5, html[data-theme="light"] h6,
html[data-theme="light"] p, html[data-theme="light"] span, html[data-theme="light"] label,
html[data-theme="light"] li, html[data-theme="light"] td, html[data-theme="light"] th,
html[data-theme="light"] div { color: #212529 !important; }
html[data-theme="light"] a { color: #E31965 !important; }
html[data-theme="light"] .btn-primary, html[data-theme="light"] .add_to_cart { color: #fff !important; }

/* Dark text on dark BG fix */
html[data-theme="dark"] body,
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3,
html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6,
html[data-theme="dark"] p, html[data-theme="dark"] span, html[data-theme="dark"] label,
html[data-theme="dark"] li, html[data-theme="dark"] td, html[data-theme="dark"] th,
html[data-theme="dark"] div { color: #F4F4F9 !important; }
html[data-theme="dark"] a { color: #E31965 !important; }
html[data-theme="dark"] a:hover { color: #00F0FF !important; }
html[data-theme="dark"] .btn-primary, html[data-theme="dark"] .add_to_cart { color: #fff !important; }

/* Pricing fix - always prominent */
.price-new, .product-thumb__price-new { color: var(--smartsex-text) !important; font-weight: 700 !important; }
.price-old { color: var(--smartsex-text-muted) !important; text-decoration: line-through !important; }
.price-tax { color: var(--smartsex-text-muted) !important; }

/* ================================================================
   DEFINITIVE TOTAL OVERRIDE v5.0
   Targets the generated.0.css variables AND all hardcoded elements
   ================================================================ */

/* OVERRIDE EVERY SINGLE GENERATED.0.CSS VARIABLE */
:root,
html[data-theme="light"],
html[data-theme="dark"] {
    /* Search */
    --header-search-cat-btn-c: #ffffff !important;
    --header-search-cat-btn-bg: var(--smartsex-primary) !important;
    --header-search-input-c: var(--smartsex-text) !important;
    --header-search-input-bg: var(--smartsex-bg) !important;
    
    /* Top menu */
    --top-menu-bg: var(--smartsex-bg) !important;
    --top-menu-btn-c: var(--smartsex-text) !important;
    --top-menu-btn-c-hover: var(--smartsex-primary) !important;
    
    /* Header */
    --header-bg: var(--smartsex-surface) !important;
    --header-icon-c: var(--smartsex-primary) !important;
    --header-icon-total-c: #ffffff !important;
    --header-icon-total-bg: var(--smartsex-primary) !important;
    --header-block-caption-c: var(--smartsex-text-muted) !important;
    --header-phones-m-c: var(--smartsex-text) !important;
    --header-phones-m-c-hover: var(--smartsex-primary) !important;
    --header-phones-a-c: var(--smartsex-text-muted) !important;
    
    /* Backdrop / Blur */
    --backdrop-bg-light: rgba(255, 255, 255, 0.4) !important;
    --backdrop-bg-dark: rgba(0, 0, 0, 0.6) !important;
    
    /* Main Menu */
    --menu-main-c: var(--smartsex-text) !important;
    --menu-main-bg: var(--smartsex-surface) !important;
    --menu-main-header-c: var(--smartsex-text) !important;
    --menu-main-header-bg: var(--smartsex-surface) !important;
    --menu-main-level-1-c: var(--smartsex-text) !important;
    --menu-main-level-1-c-hover: var(--smartsex-primary) !important;
    --menu-main-level-2-c: var(--smartsex-text-muted) !important;
    --menu-main-level-2-c-hover: var(--smartsex-primary) !important;
    --menu-main-level-2-bg: var(--smartsex-bg) !important;
    --menu-main-level-3-c: var(--smartsex-text-muted) !important;
    --menu-main-level-3-c-hover: var(--smartsex-primary) !important;
    --menu-main-before: var(--smartsex-surface) !important;
    --menu-module-bg: var(--smartsex-surface) !important;
    --menu-module-c1: var(--smartsex-text) !important;
    --menu-module-c1-hover: var(--smartsex-primary) !important;
    --menu-module-c2: var(--smartsex-text-muted) !important;
    --menu-module-c2-hover: var(--smartsex-primary) !important;
    --menu-module-c3: var(--smartsex-text-muted) !important;
    --menu-module-c3-hover: var(--smartsex-primary) !important;
    
    /* Buttons */
    --btn-primary-bg: var(--smartsex-primary) !important;
    --btn-primary-bg-hover: var(--smartsex-primary-hover) !important;
    --btn-primary-c: #ffffff !important;
    --btn-primary-c-hover: #ffffff !important;
    --btn-default-bg: var(--smartsex-surface) !important;
    --btn-default-bg-hover: var(--smartsex-bg) !important;
    --btn-default-c: var(--smartsex-text) !important;
    --btn-default-c-hover: var(--smartsex-primary) !important;
    
    /* Add to Cart */
    --add-to-cart-btn-c: #ffffff !important;
    --add-to-cart-btn-bg: var(--smartsex-primary) !important;
    --add-to-cart-btn-c-hover: #ffffff !important;
    --add-to-cart-btn-bg-hover: var(--smartsex-primary-hover) !important;
    --add-to-cart-btn-c-incart: #000000 !important;
    --add-to-cart-btn-bg-incart: var(--smartsex-success) !important;
    --add-to-cart-btn-c-incart-hover: #000000 !important;
    --add-to-cart-btn-bg-incart-hover: var(--smartsex-success) !important;
    --add-to-cart-btn-c-disabled: var(--smartsex-text-muted) !important;
    --add-to-cart-btn-bg-disabled: var(--smartsex-surface) !important;
    
    /* Quick Order */
    --quick-order-btn-c: #ffffff !important;
    --quick-order-btn-bg: var(--smartsex-primary) !important;
    --quick-order-btn-c-hover: #ffffff !important;
    --quick-order-btn-bg-hover: var(--smartsex-primary-hover) !important;
    
    /* Wishlist / Compare */
    --wishlist-btn-c: var(--smartsex-primary) !important;
    --wishlist-btn-bg: var(--smartsex-surface) !important;
    --wishlist-btn-c-hover: #ffffff !important;
    --wishlist-btn-bg-hover: var(--smartsex-primary) !important;
    --compare-btn-c: var(--smartsex-text-muted) !important;
    --compare-btn-bg: var(--smartsex-surface) !important;
    --compare-btn-c-hover: #ffffff !important;
    --compare-btn-bg-hover: var(--smartsex-primary) !important;
    
    /* Product options */
    --option-select-c: var(--smartsex-text) !important;
    --option-name-c: var(--smartsex-text) !important;
    --option-name-bg: var(--smartsex-surface) !important;
    --option-name-c-hover: #ffffff !important;
    --option-name-bg-hover: var(--smartsex-primary) !important;
    --option-name-c-checked: #ffffff !important;
    --option-name-bg-checked: var(--smartsex-primary) !important;
    --option-img-hover: var(--smartsex-primary) !important;
    
    /* Prices */
    --price-c: var(--smartsex-text) !important;
    --price-old-c: var(--smartsex-text-muted) !important;
    --price-new-c: var(--smartsex-text) !important;
    
    /* Stickers */
    --sticker-special-c: #ffffff !important;
    --sticker-special-b: var(--smartsex-primary) !important;
    --sticker-bestseller-c: #ffffff !important;
    --sticker-bestseller-b: #D4A017 !important;
    --sticker-new-c: #ffffff !important;
    --sticker-new-b: var(--smartsex-secondary) !important;
    --sticker-reward-c: #ffffff !important;
    --sticker-reward-b: var(--smartsex-success) !important;
    --sticker-ean-c: var(--smartsex-text-muted) !important;
    --sticker-ean-b: var(--smartsex-surface) !important;
    --sticker-isbn-c: var(--smartsex-text-muted) !important;
    --sticker-isbn-b: var(--smartsex-surface) !important;
    --sticker-mpn-c: var(--smartsex-text-muted) !important;
    --sticker-mpn-b: var(--smartsex-surface) !important;
    --sticker-sku-c: var(--smartsex-text-muted) !important;
    
    /* Product page */
    --product-share-btn-c: var(--smartsex-text-muted) !important;
    --product-share-btn-bg: var(--smartsex-surface) !important;
    --product-share-btn-c-hover: #ffffff !important;
    --product-share-btn-bg-hover: var(--smartsex-primary) !important;
    --product-banner-bg: var(--smartsex-surface) !important;
    --product-banner-icon: var(--smartsex-primary) !important;
    --product-banner-text: var(--smartsex-text) !important;
    
    /* Tabs */
    --nav-tabs-bg: var(--smartsex-surface) !important;
    --nav-tabs-c: var(--smartsex-text-muted) !important;
    --nav-tabs-c-active: var(--smartsex-primary) !important;
    
    /* Carousel */
    --carousel-dot-bg: var(--smartsex-border) !important;
    --carousel-dot-bg-active: var(--smartsex-primary) !important;
    --carousel-nav-btn-c: var(--smartsex-text) !important;
    --carousel-nav-btn-bg: var(--smartsex-surface) !important;
    
    /* Pagination */
    --pagination-c: var(--smartsex-text) !important;
    --pagination-bg: var(--smartsex-surface) !important;
    --pagination-c-active: #ffffff !important;
    --pagination-bg-active: var(--smartsex-primary) !important;
    
    /* Footer */
    --footer-bg: var(--smartsex-surface) !important;
    --footer-c: var(--smartsex-text-muted) !important;
    --footer-heading-c: var(--smartsex-text) !important;
    
    /* Subscribe */
    --subscribe-info-c: var(--smartsex-text) !important;
    --subscribe-points-c: var(--smartsex-primary) !important;
    --subscribe-input-c: var(--smartsex-text) !important;
    --subscribe-input-bg: var(--smartsex-bg) !important;
    --subscribe-btn-c: #ffffff !important;
    --subscribe-btn-bg: var(--smartsex-primary) !important;
    
    /* Fly Menu */
    --fly-menu-bg: var(--smartsex-surface) !important;
    --fly-menu-color: var(--smartsex-text) !important;
    --fly-menu-icon-c: var(--smartsex-text) !important;
    --fly-menu-icon-total-c: #ffffff !important;
    --fly-menu-icon-total-bg: var(--smartsex-primary) !important;
    --fly-menu-search-cat-btn-bg: var(--smartsex-primary) !important;
    --fly-menu-search-cat-btn-c: #ffffff !important;
    --fly-menu-search-input-bg: var(--smartsex-bg) !important;
    --fly-menu-search-input-c: var(--smartsex-text) !important;
    --fly-menu-phone-c: var(--smartsex-text) !important;
    --fly-menu-caption-c: var(--smartsex-text-muted) !important;
    --fly-menu-level-1-bg-hover: var(--smartsex-border) !important;
    
    /* Fly Contacts */
    --fly-contacts-btn-c: #ffffff !important;
    --fly-contacts-btn-bg: var(--smartsex-primary) !important;
    --fly-contacts-bg: var(--smartsex-surface) !important;
    --fly-contacts-item-c: var(--smartsex-primary) !important;
    --fly-contacts-item-bg: var(--smartsex-bg) !important;
    --fly-callback-c: #ffffff !important;
    --fly-callback-bg: var(--smartsex-primary) !important;
    
    /* Alerts */
    --alert-success-c: #ffffff !important;
    --alert-success-bg: var(--smartsex-success) !important;
    --alert-warning-c: #000000 !important;
    --alert-warning-bg: #ffd43b !important;
    --alert-danger-c: #ffffff !important;
    --alert-danger-bg: var(--smartsex-primary) !important;
    
    /* Notifications */
    --notification-body-bg: var(--smartsex-primary) !important;
    --notification-text-c: #ffffff !important;
    
    /* Timer */
    --timer-bg: var(--smartsex-surface) !important;
    --timer-text-c: var(--smartsex-text) !important;
    --timer-digit-c: var(--smartsex-primary) !important;
    
    /* Swiper */
    --swiper-pagination-bg: var(--smartsex-border) !important;
    --swiper-pagination-bg-active: var(--smartsex-primary) !important;
    
    /* Tooltip */
    --tooltip-c: #ffffff !important;
    --tooltip-bg: var(--smartsex-primary) !important;
    
    /* Preloader */
    --preloader-border-c: var(--smartsex-primary) var(--smartsex-primary) var(--smartsex-primary) transparent !important;
    
    /* Input validation */
    --input-warning-c: var(--smartsex-secondary) !important;
    --input-warning-border-c: var(--smartsex-secondary) !important;
    --input-checked-bg: var(--smartsex-primary) !important;
    
    /* Rating */
    --rating-star-c-active: #FFB822 !important;
    
    /* Slideshow */
    --slideshow-btn-bg: var(--smartsex-primary) !important;
    --slideshow-btn-c: #ffffff !important;
    --slideshow-nav-btn-c: var(--smartsex-primary) !important;
    --slideshow-dot-bg: var(--smartsex-border) !important;
    --slideshow-dot-bg-active: var(--smartsex-primary) !important;
    
    /* Home banner */
    --home-banner-bg: var(--smartsex-surface) !important;
    --home-banner-icon-c: var(--smartsex-primary) !important;
    --home-banner-text-c: var(--smartsex-text) !important;
    
    /* Product thumbnail name */
    --prod-thumb-name: var(--smartsex-text) !important;
    --prod-thumb-name-hover: var(--smartsex-primary) !important;
}

/* ===== HARDCODED VALUES THAT BYPASS VARIABLES ===== */

/* Product description tab - hardcoded #fff */
#tab-description,
#tab-description .desc-collapse {
    background: var(--smartsex-bg) !important;
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
}
#tab-description .desc-collapse:before {
    background: linear-gradient(0deg, var(--smartsex-bg) 0%, transparent 100%) !important;
}

/* REMOVE "read more" collapse button in product description */
#tab-description .desc-collapse {
    max-height: none !important;
    overflow: visible !important;
}
#tab-description .desc-collapse:before {
    display: none !important;
}
.product-more-btn, .product-page__more-btn, [data-action="collapse-desc"], .desc-collapse-btn, .uni-read-more, .uni-read-more-btn {
    display: none !important;
}

/* Owl Carousel - hardcoded transparent/red backgrounds */
.owl-carousel .owl-stage-outer {
    background: transparent !important;
}
.owl-carousel .owl-item,
.owl-item.active,
.owl-carousel .owl-item.active {
    background: transparent !important;
    background-color: transparent !important;
}
.uni-module, .uni-module .owl-stage {
    background: transparent !important;
}

/* Sticky header/cart when scrolling - red/pink background kill */
.header-sticky .header,
.sticky-header .header,
header.fixed, header.sticky, header.scrolled,
.header-block.fixed, .header-block.sticky {
    background-color: var(--smartsex-surface) !important;
    background-image: none !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Cart dropdown - white overlay fix */
#cart .dropdown-menu,
.header-cart__dropdown,
.cart-content {
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    backdrop-filter: none !important;
}
#cart .dropdown-menu * {
    color: var(--smartsex-text) !important;
}
#cart .btn, .cart-total .btn {
    background-color: var(--smartsex-primary) !important;
    color: #ffffff !important;
    border-color: var(--smartsex-primary) !important;
}

/* Category page "Read all" button text - make it visible */
.category-description .btn,
.category-info .btn,
.uni-read-more-btn, .category-more-btn,
a[data-action="category-more"], .seo-toggle-label {
    color: var(--smartsex-primary) !important;
}

/* Category highlights - no more pink */
.category-list__img, .category-list a:hover .category-list__img,
.category-grid a:hover img {
    filter: none !important;
    border-color: var(--smartsex-border) !important;
}
.category-list a:hover, .category-grid a:hover {
    color: var(--smartsex-primary) !important;
}

/* Category images inversion - ONLY for dark mode */
html[data-theme="light"] .category-info img,
html[data-theme="light"] .category-list__img img {
    filter: none !important;
}
html[data-theme="dark"] .category-info img,
html[data-theme="dark"] .category-list__img img {
    filter: invert(1) !important;
}

/* Product block - hardcoded backgrounds */
.product-block-col, .product-block-col > *,
.product-block, .product-block > *,
.product-page__textblock-inner {
    background-color: var(--smartsex-surface) !important;
    background: var(--smartsex-surface) !important;
    background-image: none !important;
    color: var(--smartsex-text) !important;
}
.product-page__discount {
    background: var(--smartsex-surface) !important;
    background-color: var(--smartsex-surface) !important;
}

/* Product thumbnail name color override (variable was set but not applied) */
.product-thumb .product-thumb__name,
.product-thumb__name a,
.product-thumb .name a {
    color: var(--smartsex-text) !important;
}
.product-thumb .product-thumb__name a:hover {
    color: var(--smartsex-primary) !important;
}

/* Product rating model separator */
.rating-model div + div:before {
    color: var(--smartsex-border) !important;
}

/* Product image addit thumbnail border */
.product-page__image-addit-img {
    border-color: var(--smartsex-border) !important;
}
.product-page__image-addit-img.selected {
    border-color: var(--smartsex-primary) !important;
}

/* Product data dotted line */
.product-data__item-div:first-child:after {
    border-bottom-color: var(--smartsex-border) !important;
}

/* Product tag */
.product-tag__item {
    background: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
}

/* Table borders */
.table > tbody > tr > td,
.table > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > th {
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
    background-color: var(--smartsex-surface) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: var(--smartsex-bg) !important;
}

/* uni-wrapper white background (min-width:992px) */
.uni-wrapper {
    background: var(--smartsex-bg) !important;
    background-color: var(--smartsex-bg) !important;
}

/* Subscribe button */
.subscribe__btn {
    background-color: var(--smartsex-primary) !important;
    color: #ffffff !important;
    background-image: none !important;
}
.subscribe__input {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
}

/* Nav tabs - hardcoded values in generated.0.css */
.nav-tabs {
    background-color: var(--smartsex-surface) !important;
    border-color: var(--smartsex-border) !important;
}
.nav-tabs > li > a {
    color: var(--smartsex-text-muted) !important;
    background-color: transparent !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--smartsex-primary) !important;
    background-color: var(--smartsex-bg) !important;
    border-bottom-color: var(--smartsex-primary) !important;
}

/* Pagination */
.pagination > li > a, .pagination > li > span {
    background-color: var(--smartsex-surface) !important;
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
.pagination > .active > a, .pagination > .active > span {
    background-color: var(--smartsex-primary) !important;
    border-color: var(--smartsex-primary) !important;
    color: #ffffff !important;
}

/* Dropdown menus */
.dropdown-menu {
    background-color: var(--smartsex-surface) !important;
    border-color: var(--smartsex-border) !important;
}
.dropdown-menu > li > a {
    color: var(--smartsex-text) !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: var(--smartsex-primary) !important;
    background-color: var(--smartsex-bg) !important;
}

/* Light mode final text kill - black text everywhere */
html[data-theme="light"] {
    color: #212529 !important;
}
html[data-theme="light"] *:not(.btn):not(.btn-primary):not(.add_to_cart):not(.add_to_cart *):not(.btn-primary *) {
    color: #212529;
}
html[data-theme="light"] a:not(.btn):not(.btn-primary) {
    color: #E31965 !important;
}
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .add_to_cart,
html[data-theme="light"] .btn-primary *,
html[data-theme="light"] .add_to_cart *,
html[data-theme="light"] .btn-primary i {
    color: #ffffff !important;
}

/* Dark mode text - crystal white everywhere */
html[data-theme="dark"] *:not(.btn):not(.btn-primary):not(.add_to_cart):not(.add_to_cart *) {
    color: #F4F4F9;
}
html[data-theme="dark"] a:not(.btn):not(.btn-primary):not(.add_to_cart) {
    color: #E31965 !important;
}
html[data-theme="dark"] a:not(.btn):hover {
    color: #00F0FF !important;
}
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .add_to_cart,
html[data-theme="dark"] .btn-primary *,
html[data-theme="dark"] .add_to_cart * {
    color: #ffffff !important;
}

/* ================================================================
   TARGETED FIXES v6.0 - Specific user-reported issues
   ================================================================ */

/* 1. product-data list - pink/red + unreadable text */
.product-data, .product-data__item, .product-data__item *,
ul.list-unstyled.product-data, li.product-data__item,
.product-data__item-div {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--smartsex-text) !important;
    border-color: var(--smartsex-border) !important;
}

/* 2. Purple square background on header-search__category cat-id */
.header-search__category,
.header-search__category.cat-id,
div.header-search__category,
.header-search__category-btn,
.header-search__category-span,
.header-search__category-icon,
select.header-search__category {
    background-color: var(--smartsex-bg) !important;
    background: var(--smartsex-bg) !important;
    background-image: none !important;
    border-color: var(--smartsex-border) !important;
    border-radius: 0 !important;
    color: var(--smartsex-text) !important;
    box-shadow: none !important;
}

/* 3. Fix hardcoded #1A1423 form-control in search */
#search .form-control,
header .search .form-control,
.header-search .form-control,
.header-search input,
.header-search select {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
    border-color: var(--smartsex-border) !important;
}

/* 4. FIX: Global :not() rule was making button text inherit black in light mode.
   Replace with precise button whitelisting. */
html[data-theme="light"] *:not(.btn):not(.btn-primary):not(.add_to_cart):not(.add_to_cart *):not(.btn-primary *) {
    color: unset;  /* Remove old override - let cascade handle it */
}

/* Explicit white text on ALL button variants */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn-primary:focus,
html[data-theme="light"] .btn-primary *,
html[data-theme="light"] .add_to_cart,
html[data-theme="light"] .add_to_cart:hover,
html[data-theme="light"] .add_to_cart *,
html[data-theme="light"] .subscribe__btn,
html[data-theme="light"] .subscribe__btn:hover,
html[data-theme="light"] .subscribe__btn *,
html[data-theme="light"] .btn-danger,
html[data-theme="light"] .btn-success,
html[data-theme="light"] .btn-warning,
html[data-theme="light"] .pagination > .active > a,
html[data-theme="light"] .pagination > .active > span,
html[data-theme="light"] .sticker__item,
html[data-theme="light"] .sticker__item * {
    color: #ffffff !important;
}

/* Same for dark mode */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .btn-primary *,
html[data-theme="dark"] .add_to_cart,
html[data-theme="dark"] .add_to_cart *,
html[data-theme="dark"] .subscribe__btn,
html[data-theme="dark"] .subscribe__btn * {
    color: #ffffff !important;
}

/* 5. Subscribe button text always white */
.subscribe__btn,
.subscribe__btn:hover,
.subscribe__btn:focus,
.subscribe__btn * {
    color: #ffffff !important;
    background-color: var(--smartsex-primary) !important;
}

/* 6. Category BANNER images - NO inversion at all (light or dark) */
/* Only invert product category description images in dark mode */
.home-banner img, .banner img,
.uni-module img, .slideshow img,
.swiper img, .category-wall img,
.header-logo img {
    filter: none !important;
}

/* Category list/grid images - no inversion in light mode */
html[data-theme="light"] img,
html[data-theme="light"] .category-info img,
html[data-theme="light"] .category-list__img,
html[data-theme="light"] .category-list__img img {
    filter: none !important;
}

/* Dark mode - only invert specific SVG category icons (not photos) */
html[data-theme="dark"] .category-info img {
    filter: none !important; /* Photos look wrong inverted */
}
/* If you DO want inversion only on icon-style images, use this class specifically */
html[data-theme="dark"] img.icon-invert {
    filter: invert(1) brightness(0.9) !important;
}

/* 7. Scroll arrows (owl-nav) - visible on any background */
.owl-nav button, .owl-nav .owl-prev, .owl-nav .owl-next,
.owl-carousel .owl-nav button,
.owl-carousel .owl-prev, .owl-carousel .owl-next {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    border: 1px solid var(--smartsex-border) !important;
}
.owl-nav button:hover, .owl-nav .owl-prev:hover, .owl-nav .owl-next:hover,
.owl-carousel .owl-nav button:hover {
    background-color: var(--smartsex-primary) !important;
    color: #ffffff !important;
    border-color: var(--smartsex-primary) !important;
}
/* The arrow icons inside */
.owl-prev span, .owl-next span,
.owl-nav button span {
    color: inherit !important;
}

/* Also fix carousel nav vars */
.uni-module .owl-nav button,
.uni-module .owl-prev, .uni-module .owl-next {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    border: 1px solid var(--smartsex-border) !important;
}

/* ================================================================
   TARGETED FIXES v7.0
   ================================================================ */

/* 1. REMOVE "Показати опис повністю" button - keep description always open */
[data-action="desc-collapse"], .desc-collapse-toggle, .btn-desc-collapse,
a[onclick*="descCollapse"], button[onclick*="descCollapse"],
.uni-read-more, .product-more-text-btn,
#tab-description ~ .text-center > .btn,
#tab-description + .text-center,
#tab-description .text-center.more-btn-wrap {
    display: none !important;
}
/* Force description fully open */
#tab-description {
    max-height: none !important;
    overflow: visible !important;
}
#tab-description .desc-collapse {
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    background: transparent !important;
}
#tab-description .desc-collapse::before {
    display: none !important;
}

/* 2. Delivery block - flex, right under the product block */
.product-page__textblock,
.product-page__textblock-inner,
.product-banner {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    background-color: var(--smartsex-surface) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    padding: 15px 20px !important;
    margin: 15px 0 !important;
    color: var(--smartsex-text) !important;
    border: 1px solid var(--smartsex-border) !important;
}

/* 3. Navbar hover tint - reddish -> remove */
/* The .menu__level-1-li.open gets --menu-main-level-2-bg which was dark red */
.menu1 .menu__level-1-li.open,
.menu1 .menu__level-1-li:hover,
.menu__level-2,
.menu__level-2-ul,
.menu-right .menu__level-2 {
    background-color: var(--smartsex-surface) !important;
    background: var(--smartsex-surface) !important;
}
/* The main-menu before strip (red bar) */
.main-menu.set-before::before {
    background: var(--smartsex-surface) !important;
}

/* 4. Cart modal - backdrop and background transparency */
.modal-backdrop, .modal-backdrop.in {
    background: rgba(0, 0, 0, 0.65) !important;
    opacity: 1 !important;
}
/* Modal itself - themed surface with transparency */
.modal-content {
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
}
.modal-header {
    background-color: var(--smartsex-bg) !important;
    border-bottom: 1px solid var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
.modal-body {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
}

/* Empty cart message */
.header-cart__empty {
    color: var(--smartsex-text-muted) !important;
    background: transparent !important;
}
.header-cart__empty-icon {
    color: var(--smartsex-primary) !important;
}

/* 5. Cart items rows - dark red/wine background fix */
.header-cart__quantity,
.header-cart__item,
.header-cart__items,
.header-cart__total,
.header-cart__buttons,
#modal-cart .table,
#modal-cart .table tr,
#modal-cart .table td,
#modal-cart tbody,
#modal-cart tbody tr,
.modal-body .table > tbody > tr,
.modal-body .table > tbody > tr > td {
    background-color: var(--smartsex-surface) !important;
    background: var(--smartsex-surface) !important;
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
#modal-cart img {
    background: var(--smartsex-bg) !important;
    border-radius: var(--smartsex-radius-sm) !important;
}

/* 6. Close (X) button in modal */
.modal-header .close,
.modal .close {
    color: var(--smartsex-text) !important;
    opacity: 0.7 !important;
    background: transparent !important;
    text-shadow: none !important;
}
.modal-header .close:hover,
.modal .close:hover {
    color: var(--smartsex-primary) !important;
    background-color: var(--smartsex-border) !important;
    opacity: 1 !important;
    border-radius: 4px !important;
}

/* 7. "Continue Shopping" button - white text on white fix */
.header-cart__buttons .btn-default,
.modal-body .btn-default,
#modal-cart .btn-default,
.cart-buttons .btn-default {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    border: 1px solid var(--smartsex-border) !important;
}
.header-cart__buttons .btn-default:hover,
.modal-body .btn-default:hover,
#modal-cart .btn-default:hover {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-primary) !important;
    border-color: var(--smartsex-primary) !important;
}
/* Also fix any other buttons inside modal that went invisible */
.modal-body .btn,
#modal-cart .btn {
    color: var(--smartsex-text) !important;
}
.modal-body .btn-primary,
#modal-cart .btn-primary {
    color: #ffffff !important;
    background-color: var(--smartsex-primary) !important;
}

/* 8. Cart qty switch buttons inside modal */
.qty-switch__btn, .qty-switch__cart .qty-switch__btn {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    border-color: var(--smartsex-border) !important;
}
.qty-switch__btn:hover {
    background-color: var(--smartsex-primary) !important;
    color: #ffffff !important;
}
.qty-switch__input {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
    border-color: var(--smartsex-border) !important;
}

/* ================================================================
   TARGETED FIXES v8.0 - Cart total, checkout, filter, product data
   ================================================================ */

/* 1. Cart "Сума" total row - red background */
.header-cart__totals, .header-cart__totals-item,
.header-cart__totals-text, .header-cart__totals-price,
.header-cart__price-text, .header-cart__total-text {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--smartsex-text) !important;
}
/* Hardcoded #888 grey on total labels */
.header-cart__price-text,
.header-cart__total-text,
.checkout-cart__price-text,
.checkout-cart__total-text,
.checkout-cart__text-additional {
    color: var(--smartsex-text-muted) !important;
}

/* 2. Checkout page - ALL hardcoded #f7f7f7 backgrounds */
.checkout-login,
.unicheckout-sticky__wrapper,
.checkout-cart__wrapper,
.checkout-cart__item {
    background-color: var(--smartsex-surface) !important;
    background: var(--smartsex-surface) !important;
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
.checkout-cart__item:not(:first-child) {
    border-top: 1px solid var(--smartsex-border) !important;
}
.unicheckout-sticky__total-item {
    border-top-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
/* Checkout stock/reward red text */
.checkout-cart__stock,
.checkout-cart__reward-item {
    color: var(--smartsex-secondary) !important;
}
/* Checkout group labels - hardcoded #888 */
.checkout-customer__group-label {
    color: var(--smartsex-text-muted) !important;
}
/* Checkout form border */
.unicheckout__forms .form-control {
    border-color: var(--smartsex-border) !important;
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
}
/* Checkout cover overlay */
.unicheckout__address .cover {
    background: rgba(0, 0, 0, 0.3) !important;
}

/* 3. "Знайдено в категоріях" - search category list red background */
.product-category-list {
    background-color: var(--smartsex-surface) !important;
    background: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}
.product-category-list__item a {
    color: var(--smartsex-primary) !important;
}
.product-category-list__item:hover::before,
.product-category-list__item.selected::before {
    background: var(--smartsex-border) !important;
}
.product-category-list__item.selected {
    color: var(--smartsex-text-muted) !important;
}

/* 4. Filter icons - white on white -> make visible */
.filter-default__icon,
.filter-default__pm,
.filter-default__pm i,
.filter-default__group-name,
.filter-default__group-name i,
.filter-default__item,
#column-left .filter-default,
#column-left .filter-default * {
    color: var(--smartsex-text) !important;
}
/* Mobile filter sidebar hardcoded #fff */
#column-left {
    background-color: var(--smartsex-surface) !important;
    border-right-color: var(--smartsex-border) !important;
}
.filter-default__icon {
    background-color: var(--smartsex-primary) !important;
    color: #ffffff !important;
}

/* 5. Search icon (magnifier) inside search bar */
.header-search__btn i,
.header-search__btn .fa,
.header-search__btn .fas {
    color: var(--smartsex-text) !important;
}
.header-search__btn:hover i,
.header-search__btn:hover .fas {
    color: var(--smartsex-primary) !important;
}

/* 6. "blur" class - reddish overlay kill */
main.blur::after,
footer.blur::after,
.blur::after {
    background: rgba(0, 0, 0, 0.5) !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
/* The variable --backdrop-bg-light was hardcoded to rgba(255 255 255 / .5) */
/* Override it */
html[data-theme="dark"] main.blur::after,
html[data-theme="dark"] footer.blur::after {
    background: rgba(0, 0, 0, 0.7) !important;
}
html[data-theme="light"] main.blur::after,
html[data-theme="light"] footer.blur::after {
    background: rgba(0, 0, 0, 0.4) !important;
}

/* 7. Product data (Виробник/Наявність) - redesign from dotted lines to styled cards */
.product-data {
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    padding: 15px 20px !important;
    margin-bottom: 20px !important;
}
.product-data__item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid var(--smartsex-border) !important;
    margin: 0 !important;
    color: var(--smartsex-text) !important;
}
.product-data__item:last-child {
    border-bottom: none !important;
}
.product-data__item-div {
    color: var(--smartsex-text) !important;
    font-weight: 500 !important;
}
.product-data__item-div:first-child {
    color: var(--smartsex-text-muted) !important;
    font-weight: 400 !important;
}
/* Remove the dotted line pseudo-element */
.product-data__item-div:first-child::after {
    display: none !important;
}
/* Specification table same treatment */
#tab-specification .product-data {
    background-color: var(--smartsex-surface) !important;
}
#tab-specification .heading {
    color: var(--smartsex-primary) !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
    padding: 10px 0 5px !important;
    border-bottom: 2px solid var(--smartsex-primary) !important;
    margin-bottom: 10px !important;
}

/* 8. All white text that shouldn't be white in light mode */
html[data-theme="light"] .header-cart__empty,
html[data-theme="light"] .price-text,
html[data-theme="light"] .header-cart__total-text,
html[data-theme="light"] .header-cart__price-text,
html[data-theme="light"] .rating-model__model,
html[data-theme="light"] .product-page__minimum,
html[data-theme="light"] .product-page__short-attribute-heading,
html[data-theme="light"] .product-data__item-div:first-child,
html[data-theme="light"] .text-muted,
html[data-theme="light"] .help-block,
html[data-theme="light"] .price-old,
html[data-theme="light"] small {
    color: var(--smartsex-text-muted) !important;
}
/* Prices - always clearly visible */
html[data-theme="light"] .price-new,
html[data-theme="light"] .product-page__price .price,
html[data-theme="light"] .header-cart__totals-price {
    color: var(--smartsex-text) !important;
    font-weight: 700 !important;
}
/* Color #888 overrides (hardcoded gray in many places) */
html[data-theme="light"] [style*="color:#888"],
html[data-theme="light"] [style*="color: #888"] {
    color: #555555 !important;
}

/* ================================================================
   SMARTSEX COLOR SPLIT v10.0
   #512A72  → Deep Royal Purple: menus, links, borders, tabs
   #E31965  → SmartSex Pink:    Buy buttons, New badges, cart/heart icons ONLY
   ================================================================ */

/* ACTION PINK — Buy buttons */
.add_to_cart,
.add_to_cart:hover,
.add_to_cart:focus,
.add_to_cart:active,
.btn-primary.btn-cart,
.product-page__add-to-cart .add_to_cart {
    background-color: #E31965 !important;
    border-color: #E31965 !important;
    color: #ffffff !important;
}
.add_to_cart:hover { background-color: #C51558 !important; border-color: #C51558 !important; }

/* ACTION PINK — "New" sticker badge */
.sticker__item.new, .sticker-new { background-color: #E31965 !important; }

/* ACTION PINK — Cart & Wishlist notification badges (little red dots) */
.header-icon-total-bg,
.top-menu__wishlist-total,
.top-menu__compare-total,
.uni-badge {
    background-color: #E31965 !important;
    color: #ffffff !important;
}

/* ACTION PINK — Heart icon (wishlist) */
.top-menu__wishlist-btn i,
.wishlist i, .header-wishlist i,
.fa-heart { color: #E31965 !important; }

/* PURPLE — Menu text */
.menu__level-1-a,
.main-menu .menu__level-1-a,
html[data-theme="light"] .menu__level-1-a {
    color: #512A72 !important;
}
.menu__level-1-a:hover,
.menu__level-1-li.open > .menu__level-1-a {
    color: #E31965 !important;
}

/* PURPLE — Product title links */
.product-thumb__name a,
.product-thumb .name a {
    color: #212529 !important;
}
.product-thumb__name a:hover,
.product-thumb .name a:hover {
    color: #512A72 !important;
}

/* PURPLE — Regular links */
html[data-theme="light"] a:not(.btn):not(.add_to_cart) {
    color: #512A72 !important;
}
html[data-theme="light"] a:not(.btn):not(.add_to_cart):hover {
    color: #E31965 !important;
}

/* Dark mode — links stay lighter purple */
html[data-theme="dark"] a:not(.btn):not(.add_to_cart) {
    color: #B07FD4 !important;
}
html[data-theme="dark"] a:not(.btn):not(.add_to_cart):hover {
    color: #E31965 !important;
}

/* TRUST BADGE BAR STYLES */
.smartsex-trust-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 8px 20px;
    background-color: var(--smartsex-bg);
    border-top: 1px solid var(--smartsex-border);
    border-bottom: 1px solid var(--smartsex-border);
    flex-wrap: wrap;
}
.trust-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #512A72 !important;
    white-space: nowrap;
}
html[data-theme="dark"] .trust-badge {
    color: #B07FD4 !important;
}
.trust-badge i {
    color: #E31965 !important;
    font-size: 14px;
}
@media (max-width: 576px) {
    .smartsex-trust-bar { gap: 15px; padding: 6px 10px; }
    .trust-badge span { display: none; }
}

/* ================================================================
   CHECKOUT ACCORDION / PANEL GROUP FULL OVERRIDE v11.0
   Fixes Bootstrap panel colors for the checkout page
   ================================================================ */

/* Panel Group Container */
.panel-group, #accordion {
    background: transparent !important;
}

/* Each Step Panel */
.panel, .panel-default, .panel-group .panel {
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    box-shadow: var(--smartsex-shadow) !important;
    margin-bottom: 10px !important;
}

/* Panel Header (step number + title bar) */
.panel-heading {
    background-color: var(--smartsex-bg) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) var(--smartsex-radius-sm) 0 0 !important;
    padding: 14px 20px !important;
}
.panel-heading * {
    color: var(--smartsex-text) !important;
}

/* Panel Title */
.panel-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--smartsex-text) !important;
}
.panel-title a, .panel-title .accordion-toggle {
    color: #512A72 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}
.panel-title a:hover, .panel-title .accordion-toggle:hover {
    color: #E31965 !important;
    text-decoration: none !important;
}
/* Step number indicator - make the caret purple */
.panel-title a i, .panel-title .accordion-toggle i {
    color: #512A72 !important;
    font-size: 1.2em;
}

/* Panel Body (the content inside each step) */
.panel-body {
    background-color: var(--smartsex-surface) !important;
    background: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    padding: 20px !important;
}
.panel-body h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--smartsex-text) !important;
    margin-top: 0 !important;
    border-bottom: 2px solid var(--smartsex-border) !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}
.panel-body p, .panel-body label {
    color: var(--smartsex-text-muted) !important;
}
.panel-body .radio label {
    color: var(--smartsex-text) !important;
    font-weight: 500;
}

/* Form fields inside checkout panels */
.panel-body .form-control,
.panel-body input[type="text"],
.panel-body input[type="email"],
.panel-body input[type="password"],
.panel-body textarea,
.panel-body select {
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
}
.panel-body .form-group label.control-label {
    color: var(--smartsex-text) !important;
    font-weight: 600;
}

/* Links inside panels */
.panel-body a:not(.btn) {
    color: #512A72 !important;
}
.panel-body a:not(.btn):hover {
    color: #E31965 !important;
}

/* Forgot password link */
.panel-body a[href*="forgotten"] {
    font-size: 12px !important;
    color: var(--smartsex-text-muted) !important;
}

/* Continue / Login buttons inside panels */
.panel-body .btn-primary,
.panel-body input[type="button"].btn-primary,
.panel-body input[type="submit"].btn-primary {
    background-color: #E31965 !important;
    border-color: #E31965 !important;
    color: #ffffff !important;
    border-radius: var(--smartsex-radius-sm) !important;
    padding: 10px 25px !important;
    font-weight: 600 !important;
    transition: background 0.2s ease !important;
}
.panel-body .btn-primary:hover {
    background-color: #C51558 !important;
    border-color: #C51558 !important;
}

/* Inactive steps - visually muted */
.panel-group .panel:not(:first-child) .panel-heading {
    opacity: 0.7;
}
.panel-group .panel:not(:first-child) .panel-heading:hover {
    opacity: 1;
}

/* Checkout page background */
#checkout, .checkout-checkout, .checkout-checkout #content {
    background-color: var(--smartsex-bg) !important;
}

/* Sticky order summary sidebar */
.unicheckout-sticky__wrapper {
    border-radius: var(--smartsex-radius-sm) !important;
    border: 1px solid var(--smartsex-border) !important;
}
.unicheckout-sticky__heading {
    color: var(--smartsex-text) !important;
    border-bottom: 2px solid var(--smartsex-border) !important;
    padding-bottom: 10px !important;
}

/* Radio button accent */
.panel-body input[type="radio"]:checked {
    accent-color: #512A72 !important;
}
.panel-body input[type="checkbox"]:checked {
    accent-color: #E31965 !important;
}

/* ================================================================
   PRODUCT PAGE LAYOUT FIXES v12.0
   ================================================================ */

/* 1. Delivery island - standalone block to the right of the product image */
/* The .product-page__textblock sits inside the product-block col.
   We restyle it to appear as a floating island below/right of the main product info */
.product-page__textblock {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 20px !important;
    margin: 0 0 20px 0 !important;
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    box-shadow: var(--smartsex-shadow) !important;
}
.product-page__textblock-inner {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    flex: 1 1 auto !important;
    color: var(--smartsex-text) !important;
}
/* Add a truck icon before the delivery block */
.product-page__textblock::before {
    content: "\f48b"; /* fa-shipping-fast */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 2em;
    color: #E31965;
    flex-shrink: 0;
}
.product-page__textblock strong {
    color: var(--smartsex-text) !important;
    display: block !important;
    font-size: 1em !important;
    margin-bottom: 4px !important;
}
.product-page__textblock p, .product-page__textblock span {
    color: var(--smartsex-text-muted) !important;
    margin: 0 !important;
    font-size: 0.9em !important;
}

/* 2. Product thumbnail image arrows - rotate from vertical to horizontal */
/* The .product-page__image-addit uses vertical owl-nav arrows */
.product-page__image-addit .owl-nav {
    position: static !important;
    display: flex !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    left: 0 !important;
    right: 0 !important;
    margin-top: 8px !important;
}
.product-page__image-addit .owl-prev,
.product-page__image-addit .owl-next {
    transform: none !important;
    position: static !important;
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--smartsex-text) !important;
}
.product-page__image-addit .owl-prev:hover,
.product-page__image-addit .owl-next:hover {
    background-color: #512A72 !important;
    color: #ffffff !important;
    border-color: #512A72 !important;
}
/* Force left/right arrow icons */
.product-page__image-addit .owl-prev::before {
    content: "\f104"; /* fa-chevron-left */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 14px;
}
.product-page__image-addit .owl-next::before {
    content: "\f105"; /* fa-chevron-right */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 14px;
}
/* Hide the default owl text spans */
.product-page__image-addit .owl-prev span,
.product-page__image-addit .owl-next span {
    display: none !important;
}

/* 3. Characteristics tab - more padding + clean background */
#tab-specification {
    padding: 25px !important;
    background-color: var(--smartsex-bg) !important;
    color: var(--smartsex-text) !important;
}
#tab-specification .product-data {
    padding: 20px 25px !important;
}
#tab-specification .heading {
    color: #512A72 !important;
    font-size: 1.1em !important;
    font-weight: 700 !important;
    padding: 12px 0 8px !important;
    border-bottom: 2px solid #512A72 !important;
    margin-bottom: 15px !important;
    margin-top: 20px !important;
}
#tab-specification .heading:first-child {
    margin-top: 0 !important;
}
#tab-specification .product-data__item {
    padding: 10px 5px !important;
}

/* 4. Product tag items (search category links - dark red background) */
.product-tag__item,
.product-tag__item a,
.product-tag a {
    background-color: var(--smartsex-surface) !important;
    background: var(--smartsex-surface) !important;
    color: #512A72 !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.product-tag__item:hover,
.product-tag__item a:hover {
    background-color: #512A72 !important;
    color: #ffffff !important;
    border-color: #512A72 !important;
}

/* Also fix the tag links in search results */
.product-category-list__item a,
a[href*="tag="],
a[href*="route=product/search"][href*="tag"] {
    color: #512A72 !important;
    background-color: transparent !important;
}
a[href*="tag="]:hover {
    color: #E31965 !important;
}

/* Fixed lightbox image background */
.product-page__image.fixed {
    background: var(--smartsex-bg) !important;
}
.product-page__image.fixed .product-page__image-product-name {
    background: var(--smartsex-surface) !important;
    border-bottom: 1px solid var(--smartsex-border) !important;
}
.product-page__image.fixed .product-page__image-close {
    background: rgba(81, 42, 114, 0.1) !important;
    color: var(--smartsex-text) !important;
}
.product-page__image.fixed .product-page__image-close:hover {
    background: #E31965 !important;
    color: #ffffff !important;
}

/* ================================================================
   TARGETED FIXES v13.0 - Price color & Search category background
   ================================================================ */

/* 1. Price text is still white in light mode - force it to text color */
.price, .price-new, .product-thumb__price, .product-thumb__price-new,
.product-page__price, .product-page__price .price,
html[data-theme="light"] .price,
html[data-theme="light"] .price-new,
html[data-theme="light"] .product-thumb__price,
html[data-theme="light"] .product-thumb__price-new,
html[data-theme="light"] .product-page__price,
html[data-theme="light"] .product-page__price .price {
    color: var(--smartsex-text) !important;
    font-weight: 700 !important;
}
/* Ensure dark mode prices are also crystal white, not overwritten */
html[data-theme="dark"] .price,
html[data-theme="dark"] .price-new,
html[data-theme="dark"] .product-thumb__price,
html[data-theme="dark"] .product-thumb__price-new,
html[data-theme="dark"] .product-page__price {
    color: #ffffff !important;
}

/* 2. Search "Знайдено в категоріях" - item red background fix */
/* The square red background comes from the ::before or the item itself */
.product-category-list__item {
    background-color: transparent !important;
    background: transparent !important;
}
.product-category-list__item::before,
.product-category-list__item:before {
    background-color: transparent !important;
    background: transparent !important;
    border-radius: var(--smartsex-radius-sm) !important;
}
/* Hover state for the background element */
.product-category-list__item:hover::before,
.product-category-list__item.selected::before {
    background-color: var(--smartsex-surface) !important;
    background: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
}
/* Ensure the text is visible */
.product-category-list__item a {
    color: #512A72 !important;
}
.product-category-list__item a:hover {
    color: #E31965 !important;
}
html[data-theme="dark"] .product-category-list__item a {
    color: #B07FD4 !important;
}
html[data-theme="dark"] .product-category-list__item a:hover {
    color: #E31965 !important;
}

/* ================================================================
   TARGETED FIXES v14.0 - Custom Shipping Text Class
   ================================================================ */

/* Custom user-defined shipping class */
.shipping-text {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 20px !important;
    margin: 0 0 20px 0 !important;
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    box-shadow: var(--smartsex-shadow) !important;
    color: var(--smartsex-text) !important;
    width: 100% !important;
    clear: both !important;
}

/* Shipping text inner contents */
.shipping-text strong, .shipping-text b {
    color: var(--smartsex-text) !important;
    display: block !important;
    font-size: 1.05em !important;
    margin-bottom: 4px !important;
}
.shipping-text p, .shipping-text span {
    color: var(--smartsex-text-muted) !important;
    margin: 0 !important;
    font-size: 0.9em !important;
}

/* Shipping text icon injection */
.shipping-text::before {
    content: "\f48b"; /* fa-shipping-fast */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 2em;
    color: #E31965 !important;
    flex-shrink: 0;
}

/* ================================================================
   TARGETED FIXES v15.0 - Decoupled Shipping Block + No Emoji
   ================================================================ */

/* We moved the textblock out of the product-block and gave it .shipping-wrapper */
.shipping-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 20px !important;
    margin: 15px 0 0 0 !important;
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    box-shadow: var(--smartsex-shadow) !important;
    width: 100% !important;
}

.shipping-wrapper .product-page__textblock-inner,
.shipping-wrapper .shipping-text {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Shipping Text typography */
.shipping-wrapper strong, .shipping-wrapper b {
    color: var(--smartsex-text) !important;
    display: block !important;
    font-size: 1.05em !important;
    margin-bottom: 4px !important;
}
.shipping-wrapper p, .shipping-wrapper span {
    color: var(--smartsex-text-muted) !important;
    margin: 0 !important;
    font-size: 0.9em !important;
}

/* Add the icon as a standalone element before the inner content */
.shipping-wrapper::before {
    content: "\f48b"; /* fa-shipping-fast */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 2em;
    color: #E31965 !important;
    flex-shrink: 0;
}

/* Remove duplicated icons if they were added to inner elements */
.shipping-wrapper .shipping-text::before,
.shipping-wrapper .product-page__textblock-inner::before {
    content: none !important;
    display: none !important;
}

/* ================================================================
   TARGETED FIXES v16.0 - Flexible Shipping Block Location
   ================================================================ */

/* We styling the custom .shipping-text class added by the user */
.shipping-text {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 20px !important;
    background-color: var(--smartsex-surface) !important;
    border: 1px solid var(--smartsex-border) !important;
    border-radius: var(--smartsex-radius-sm) !important;
    box-shadow: var(--smartsex-shadow) !important;
    width: 100% !important;
    clear: both !important;
}

/* Clear parent wrapper padding so the island fits */
.product-page__textblock-inner {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Shipping Text typography */
.shipping-text strong, .shipping-text b {
    color: var(--smartsex-text) !important;
    display: block !important;
    font-size: 1.05em !important;
    margin-bottom: 4px !important;
}
.shipping-text p, .shipping-text span {
    color: var(--smartsex-text-muted) !important;
    margin: 0 !important;
    font-size: 0.9em !important;
}

/* Add the icon as a standalone element before the inner content */
.shipping-text::before {
    content: "\f48b"; /* fa-shipping-fast */
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    font-size: 2em;
    color: #E31965 !important;
    flex-shrink: 0;
}

/* Hide duplicate icons just in case */
.product-page__textblock::before,
.product-page__textblock-inner::before {
    content: none !important;
    display: none !important;
}

/* ================================================================
   TARGETED FIXES v17.0 - Nuclear Checkout Red Background Killer
   ================================================================ */

/* Force all checkout wrappers, panels, and bodies to respect the theme background */
#unicheckout, 
.checkout-checkout, 
.checkout-checkout body, 
.checkout-checkout #content, 
.checkout-checkout .panel, 
.checkout-checkout .panel-default, 
.checkout-checkout .panel-heading, 
.checkout-checkout .panel-body,
.checkout-cart__wrapper,
.checkout-login,
.unicheckout-sticky__wrapper,
.unicheckout__pickup-item {
    background-color: var(--smartsex-surface, #08050D) !important;
    background-image: none !important;
    background: var(--smartsex-surface, #08050D) !important;
}

.checkout-checkout .panel-heading {
    border-bottom: 1px solid var(--smartsex-border) !important;
}

html[data-theme="dark"] .checkout-checkout,
html[data-theme="dark"] .checkout-checkout #content,
html[data-theme="dark"] .checkout-cart__wrapper,
html[data-theme="dark"] .panel {
    background-color: #08050D !important;
    background: #08050D !important;
}

/* ================================================================
   TARGETED FIXES v18.0 - Nuclear Checkout ID Specificity
   ================================================================ */

/* We must use IDs because generated-user-style.0.css uses #accordion */
#accordion.panel-group .panel,
#accordion .panel-default,
#accordion .panel-heading,
#accordion .panel-body,
#accordion .panel-title,
.checkout-checkout #accordion .panel-default,
.checkout-checkout #accordion .panel-heading,
.checkout-checkout #accordion .panel-body {
    background-color: var(--smartsex-surface, #1A1423) !important;
    background-image: none !important;
    background: var(--smartsex-surface, #1A1423) !important;
    border-color: var(--smartsex-border) !important;
    color: var(--smartsex-text) !important;
}

#accordion .panel-heading {
    border-bottom: 1px solid var(--smartsex-border) !important;
}

html[data-theme="dark"] #accordion.panel-group .panel,
html[data-theme="dark"] #accordion .panel-default,
html[data-theme="dark"] #accordion .panel-heading,
html[data-theme="dark"] #accordion .panel-body,
html[data-theme="dark"] #accordion .panel-title {
    background-color: #1A1423 !important;
    background: #1A1423 !important;
    border-color: rgba(255,255,255,0.05) !important;
    color: #e2e2e2 !important;
}

html[data-theme="dark"] #accordion .panel-heading {
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* ================================================================
   TARGETED FIXES v19.0 - Checkout Inputs & Text Readability
   ================================================================ */

/* General Checkout Text Readability */
.checkout-checkout,
.checkout-checkout body,
.checkout-checkout #content,
.checkout-checkout .panel,
.checkout-checkout .panel-body,
.checkout-checkout label,
.checkout-checkout p,
.checkout-checkout span,
.checkout-checkout h1,
.checkout-checkout h2,
.checkout-checkout h3,
.checkout-checkout h4 {
    color: var(--smartsex-text) !important;
}

/* Form Inputs in Checkout */
.checkout-checkout .form-control,
.checkout-checkout input[type="text"],
.checkout-checkout input[type="email"],
.checkout-checkout input[type="password"],
.checkout-checkout input[type="tel"],
.checkout-checkout select,
.checkout-checkout textarea {
    background-color: var(--smartsex-surface) !important;
    color: var(--smartsex-text) !important;
    border: 1px solid var(--smartsex-border) !important;
    box-shadow: none !important;
}

/* Input Focus State */
.checkout-checkout .form-control:focus,
.checkout-checkout input:focus,
.checkout-checkout select:focus,
.checkout-checkout textarea:focus {
    border-color: #512A72 !important;
    outline: none !important;
    box-shadow: 0 0 5px rgba(81, 42, 114, 0.5) !important;
}

/* Specific Dark Mode overrides for inputs and text */
html[data-theme="dark"] .checkout-checkout .form-control,
html[data-theme="dark"] .checkout-checkout input[type="text"],
html[data-theme="dark"] .checkout-checkout input[type="email"],
html[data-theme="dark"] .checkout-checkout input[type="password"],
html[data-theme="dark"] .checkout-checkout input[type="tel"],
html[data-theme="dark"] .checkout-checkout select,
html[data-theme="dark"] .checkout-checkout textarea {
    background-color: #08050D !important;
    color: #e2e2e2 !important;
    border-color: rgba(255,255,255,0.1) !important;
}

html[data-theme="dark"] .checkout-checkout,
html[data-theme="dark"] .checkout-checkout body,
html[data-theme="dark"] .checkout-checkout #content,
html[data-theme="dark"] .checkout-checkout .panel,
html[data-theme="dark"] .checkout-checkout .panel-body,
html[data-theme="dark"] .checkout-checkout label,
html[data-theme="dark"] .checkout-checkout p,
html[data-theme="dark"] .checkout-checkout span,
html[data-theme="dark"] .checkout-checkout h1,
html[data-theme="dark"] .checkout-checkout h2,
html[data-theme="dark"] .checkout-checkout h3,
html[data-theme="dark"] .checkout-checkout h4 {
    color: #e2e2e2 !important;
}

/* Radio buttons & checkboxes accent */
.checkout-checkout input[type="radio"] {
    accent-color: #512A72 !important;
}
.checkout-checkout input[type="checkbox"] {
    accent-color: #E31965 !important;
}

/* ================================================================
   TARGETED FIXES v20.0 - Extreme Input Specificity & Contrast
   ================================================================ */

/* Nuke any red backgrounds from generated-user-style on ALL forms */
body .form-control,
#content .form-control,
#unicheckout .form-control,
.checkout-checkout .form-control,
#accordion .form-control,
input.form-control,
select.form-control,
textarea.form-control {
    background-color: var(--smartsex-surface, #FFFFFF) !important;
    background-image: none !important;
    background: var(--smartsex-surface, #FFFFFF) !important;
    color: #000000 !important; /* Force true black for readability */
    border: 1px solid var(--smartsex-border) !important;
    box-shadow: none !important;
}

/* Make sure placeholders are also readable but slightly dimmed */
body .form-control::placeholder,
#content .form-control::placeholder,
input.form-control::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}

/* Dark Mode overrides for inputs */
html[data-theme="dark"] body .form-control,
html[data-theme="dark"] #content .form-control,
html[data-theme="dark"] #unicheckout .form-control,
html[data-theme="dark"] .checkout-checkout .form-control,
html[data-theme="dark"] #accordion .form-control,
html[data-theme="dark"] input.form-control,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] textarea.form-control {
    background-color: #08050D !important;
    background: #08050D !important;
    color: #FFFFFF !important; /* Pure white text in dark mode */
    border-color: rgba(255,255,255,0.2) !important;
}

html[data-theme="dark"] body .form-control::placeholder,
html[data-theme="dark"] #content .form-control::placeholder,
html[data-theme="dark"] input.form-control::placeholder {
    color: #AAAAAA !important;
}

/* ================================================================
   TARGETED FIXES v27.0 - Perfect Y-Axis Alignment
   ================================================================ */

.header-block {
    display: flex;
    align-items: center !important;
}

.header-block__item-account {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.header-account {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Absolute position text so it doesn't push the icon up */
.header-block__item-caption {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
}