/* Auto-generated theme CSS - 2025-08-19 06:43:08 */

:root {
    --custom-logo: logo_1755523484_8871.png;
    --header-bg: #000000;
    --header-links: #e2ff2e;
    --header-links-hover: #ffffff;
    --header-icons: #ffffff;
    --header-lang-btn: #e2ff2e;
    --header-underline: #e1ff3d;
    --featured-text-color: #000000;
    --featured-button-color: #000000;
    --featured-button-text-color: #ffffff;
    --featured-button-shadow-color: #e2ff2e;
    --featured-button-hover-color: #e1ff3d;
    --featured-card-color: #ffffff;
    --featured-card-text-color: #000000;
    --ads-text-color: #ffffff;
    --ads-button-color: #ffffff;
    --ads-button-text-color: #000000;
    --ads-button-shadow-color: #e2ff2e;
    --brands-text-color: #000000;
    --brands-button-color: #000000;
    --brands-button-text-color: #fafde2;
    --brands-button-shadow-color: #e4ff1f;
    --brands-button-hover-color: #e4ff1f;
    --brands-card-color: #ffffff;
    --brands-card-text-color: #000000;
    --header-text: #ffffff;
    --hero-bg: #ffffff;
    --hero-text: #2c3e50;
    --section-bg: #ffffff;
    --section-title: #2c3e50;
    --section-subtitle: #6c757d;
    --primary-btn-bg: #f39c12;
    --primary-btn-text: #ffffff;
    --primary-btn-hover: #e67e22;
    --secondary-btn-bg: #6c757d;
    --secondary-btn-text: #ffffff;
    --store-bg: #ffffff;
    --card-bg: #ffffff;
    --card-border: #f0f0f0;
    --chip-bg: #ffffff;
    --chip-text: #111827;
    --chip-active-bg: #0ea5e9;
    --chip-active-text: #ffffff;
    --product-bg: #0b0b0b;
    --product-text: #ffffff;
    --product-info-bg: #1f2937;
    --product-price: #7aa2ff;
    --product-chip-bg: #1f2937;
    --product-chip-text: #e5e7eb;
    --product-chip-active-bg: #f7ff19;
    --product-chip-active-text: #111827;
    --brand-bg: #ffffff;
    --brand-text: #2c3e50;
    --brand-chip-bg: #f8f9fa;
    --brand-chip-text: #495057;
    --brand-chip-active-bg: #007bff;
    --brand-chip-active-text: #ffffff;
    --contact-bg: #ffffff;
    --contact-card-bg: #f8f9fa;
    --contact-icon: #007bff;
    --wishlist-bg: #ffffff;
    --cart-bg: #ffffff;
}

/* Header */
header { background: var(--header-bg) !important; color: var(--header-text) !important; }
header .logo, header .brand { background: transparent !important; }
header nav a, header .navbar a, header .inline-nav a { color: var(--header-links) !important; border-bottom: none !important; transition: all 0.3s ease !important; }
header nav a:hover, header .navbar a:hover, header .inline-nav a:hover { color: var(--header-links-hover) !important; }
header .inline-nav a::after { background-color: var(--header-underline) !important; }
header .user-nav a, header .user-nav i, header .header-icons i, header .lang-switcher { border-bottom: none !important; }
header .user-nav a:hover, header .user-nav i:hover, header .header-icons i:hover { border-bottom: none !important; }
header .user-nav i, header .header-icons i, header .profile-icon i, header a.profile-icon i { color: var(--header-icons) !important; }
header .search, header .search-container { background: transparent !important; border: none !important; }
header #lang-switcher, header .lang-switcher { background: transparent !important; color: var(--header-lang-btn) !important; }

/* Main sections */
.section-title { color: var(--section-title) !important; }
.section-subtitle { color: var(--section-subtitle) !important; }
.brands-section, .featured-products-section { background: var(--section-bg) !important; }

/* Hero/Ads Section Colors */
.hero-section, .hero-slide, .hero-text { color: var(--ads-text-color) !important; }
.hero-section h1, .hero-section h2, .hero-section h3, .hero-section h4, .hero-section h5, .hero-section h6, .hero-text h1, .hero-text h2, .hero-text h3, .hero-text h4, .hero-text h5, .hero-text h6, .hero-section p, .hero-section span, .hero-section div, .hero-section li, .hero-text p, .hero-text span, .hero-text div, .hero-text li { color: var(--ads-text-color) !important; }
.hero-section .cta-button, .hero-text .cta-button, .hero-section button, .hero-section .btn, .hero-text button, .hero-text .btn { background: var(--ads-button-color) !important; border-color: var(--ads-button-color) !important; color: var(--ads-button-text-color) !important; }
.hero-section .cta-button:hover, .hero-text .cta-button:hover, .hero-section button:hover, .hero-section .btn:hover, .hero-text button:hover, .hero-text .btn:hover { box-shadow: 0 5px 15px var(--ads-button-shadow-color) !important; transform: translateY(-3px) !important; }

/* Featured Products Section Colors */
.featured-products-section, .featured-product-card, .store-wrap { color: var(--featured-text-color) !important; }
.featured-products-section h1, .featured-products-section h2, .featured-products-section h3, .featured-products-section h4, .featured-products-section h5, .featured-products-section h6, .featured-products-section p, .featured-products-section span, .featured-products-section div, .featured-products-section li, .store-wrap h1, .store-wrap h2, .store-wrap h3, .store-wrap h4, .store-wrap h5, .store-wrap h6, .store-wrap p, .store-wrap span, .store-wrap div, .store-wrap li { color: var(--featured-text-color) !important; }
.featured-products-section .featured-product-card, .featured-product-card, .store-wrap .card, .card, div.featured-product-card, section.featured-products-section .featured-product-card { background: var(--featured-card-color) !important; background-color: var(--featured-card-color) !important; }
.featured-product-card h1, .featured-product-card h2, .featured-product-card h3, .featured-product-card h4, .featured-product-card h5, .featured-product-card h6, .featured-product-card p, .featured-product-card span, .featured-product-card div, .featured-product-card .product-name, .featured-product-card .brand-name, .featured-product-card .price, .store-wrap .card h1, .store-wrap .card h2, .store-wrap .card h3, .store-wrap .card h4, .store-wrap .card h5, .store-wrap .card h6, .store-wrap .card p, .store-wrap .card span, .store-wrap .card div, .store-wrap .card .title, .store-wrap .card .brand-row, .store-wrap .card .price, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card p, .card span, .card div, .card .title, .card .brand-row, .card .price { color: var(--featured-card-text-color) !important; }
.featured-products-section button, .featured-products-section .btn, .featured-products-section a.button, .featured-products-section .more-items-btn, .featured-product-card button, .featured-product-card .btn, .featured-product-card a.button, .store-wrap button, .store-wrap .btn, .store-wrap a.button, .more-items-btn { background: var(--featured-button-color) !important; border-color: var(--featured-button-color) !important; color: var(--featured-button-text-color) !important; }
.featured-products-section button:hover, .featured-products-section .btn:hover, .more-items-btn:hover, .featured-product-card button:hover, .featured-product-card .btn:hover, .store-wrap button:hover, .store-wrap .btn:hover { background: var(--featured-button-hover-color) !important; background-color: var(--featured-button-hover-color) !important; box-shadow: 0 5px 15px var(--featured-button-shadow-color) !important; transform: translateY(-3px) !important; }

/* Featured Brands Section Colors */
.brands-section, .brand-card, .brands-wrap { color: var(--brands-text-color) !important; }
.brands-section h1, .brands-section h2, .brands-section h3, .brands-section h4, .brands-section h5, .brands-section h6, .brands-section p, .brands-section span, .brands-section div, .brands-section li, .brands-wrap h1, .brands-wrap h2, .brands-wrap h3, .brands-wrap h4, .brands-wrap h5, .brands-wrap h6, .brands-wrap p, .brands-wrap span, .brands-wrap div, .brands-wrap li { color: var(--brands-text-color) !important; }
.brands-section .brand-card, .brand-card, .brands-wrap .card, div.brand-card, section.brands-section .brand-card { background: var(--brands-card-color) !important; background-color: var(--brands-card-color) !important; }
.brand-card h1, .brand-card h2, .brand-card h3, .brand-card h4, .brand-card h5, .brand-card h6, .brand-card p, .brand-card span, .brand-card div, .brand-card .brand-name, .brands-wrap .card h1, .brands-wrap .card h2, .brands-wrap .card h3, .brands-wrap .card h4, .brands-wrap .card h5, .brands-wrap .card h6, .brands-wrap .card p, .brands-wrap .card span, .brands-wrap .card div, .brands-wrap .card .title, .brands-wrap .card .brand-row, .brands-section .card h1, .brands-section .card h2, .brands-section .card h3, .brands-section .card h4, .brands-section .card h5, .brands-section .card h6, .brands-section .card p, .brands-section .card span, .brands-section .card div, .brands-section .card .title, .brands-section .card .brand-row { color: var(--brands-card-text-color) !important; }
.brands-section button, .brands-section .btn, .brands-section a.button, .brands-section .more-items-btn, .brand-card button, .brand-card .btn, .brand-card a.button, .brands-wrap button, .brands-wrap .btn, .brands-wrap a.button, .show-more-brands { background: var(--brands-button-color) !important; border-color: var(--brands-button-color) !important; color: var(--brands-button-text-color) !important; }
.brands-section button span, .brands-section .btn span, .brands-section button .text, .brands-section .btn .text, .brand-card button span, .brand-card .btn span, .brand-card button .text, .brand-card .btn .text, .brands-wrap button span, .brands-wrap .btn span, .show-more-brands span, .show-more-brands .text { color: var(--brands-button-text-color) !important; }
.brands-section button:hover, .brands-section .btn:hover, .show-more-brands:hover, .brand-card button:hover, .brand-card .btn:hover, .brands-wrap button:hover, .brands-wrap .btn:hover { background: var(--brands-button-hover-color) !important; background-color: var(--brands-button-hover-color) !important; box-shadow: 0 5px 15px var(--brands-button-shadow-color) !important; transform: translateY(-3px) !important; }

/* Buttons */
.btn-primary { background: var(--primary-btn-bg) !important; color: var(--primary-btn-text) !important; }
.btn-primary:hover { background: var(--primary-btn-hover) !important; }
.btn-secondary { background: var(--secondary-btn-bg) !important; color: var(--secondary-btn-text) !important; }

/* Store */
.store-wrap { background: var(--store-bg) !important; }
.card, .brand-card, .featured-product-card { background: var(--card-bg) !important; border-color: var(--card-border) !important; }
.cat-chip { background: var(--chip-bg) !important; color: var(--chip-text) !important; }
.cat-chip.active { background: var(--chip-active-bg) !important; color: var(--chip-active-text) !important; }

/* Product page */
.p-wrap { background: var(--product-bg) !important; color: var(--product-text) !important; }
.p-info { background: var(--product-info-bg) !important; }
.price { color: var(--product-price) !important; }
.chip { background: var(--product-chip-bg) !important; color: var(--product-chip-text) !important; }
.chip.active { background: var(--product-chip-active-bg) !important; color: var(--product-chip-active-text) !important; }

/* Brand page */
.brand-wrap { background: var(--brand-bg) !important; color: var(--brand-text) !important; }
.brand-chip { background: var(--brand-chip-bg) !important; color: var(--brand-chip-text) !important; }
.brand-chip.active { background: var(--brand-chip-active-bg) !important; color: var(--brand-chip-active-text) !important; }

/* Other pages */
.contact-wrap { background: var(--contact-bg) !important; }
.contact-card { background: var(--contact-card-bg) !important; }
.contact-icon { color: var(--contact-icon) !important; }
.wish-container { background: var(--wishlist-bg) !important; }
.cart-container { background: var(--cart-bg) !important; }

/* Override Featured Products Card Background - High Priority */
section.featured-products-section .featured-product-card,
.featured-products-section .featured-products-grid .featured-product-card,
div.featured-product-card,
.featured-product-card { background-color: var(--featured-card-color) !important; }

/* Force hover color - highest priority */
.more-items-btn:hover, section.featured-products-section button:hover, section.featured-products-section .btn:hover, .featured-products-section .more-items-btn:hover, div.featured-product-card button:hover, div.featured-product-card .btn:hover, .store-wrap button:hover, .store-wrap .btn:hover, button.more-items-btn:hover { background: var(--featured-button-hover-color) !important; background-color: var(--featured-button-hover-color) !important; }

/* Force brands hover color - highest priority */
.show-more-brands:hover, section.brands-section button:hover, section.brands-section .btn:hover, .brands-section .show-more-brands:hover, div.brand-card button:hover, div.brand-card .btn:hover, .brands-wrap button:hover, .brands-wrap .btn:hover, button.show-more-brands:hover { background: var(--brands-button-hover-color) !important; background-color: var(--brands-button-hover-color) !important; }