/* ========================================
   THEME: PINK
   White/light base, pink→purple gradient
   hero, hot pink accents throughout
   ======================================== */
:root {
    --primary: #e84393;
    --primary-dark: #d63384;
    --secondary: #a855f7;
    --accent: #fd79a8;
    --dark: #1e1e2f;
    --text: #2d3436;
    --text-light: #636e72;
    --text-muted: #b2bec3;
    --white: #ffffff;
    --light-bg: #fdf2f8;
    --border: #f3e8f0;
}

body {
    background: #ffffff !important;
    color: #2d3436 !important;
}

/* ========================================
   NAVIGATION
   ======================================== */
.nav-wrapper {
    background: rgba(255,255,255,0.98) !important;
    border-bottom-color: #f3e8f0 !important;
}
.logo-text { color: #1e1e2f !important; }
.nav-link { color: #2d3436 !important; }
.nav-link:hover, .nav-link.active { color: #e84393 !important; }
.dropdown-menu { background: #ffffff !important; border: 1px solid #f3e8f0 !important; }
.dropdown-item:hover { background: #fdf2f8 !important; }
.dropdown-item-count { background: #fdf2f8 !important; }
.mobile-menu-toggle span { background: #1e1e2f !important; }
.mobile-menu { background: #ffffff !important; }
.mobile-link { color: #2d3436 !important; border-bottom-color: #f3e8f0 !important; }
.mobile-category-link { background: #fdf2f8 !important; }

/* Search */
.nav-search input {
    background: #ffffff !important;
    border-color: #f3e8f0 !important;
    color: #2d3436 !important;
}
.nav-search input:focus { border-color: #e84393 !important; }

/* ========================================
   HERO — solid gradient, white text
   ======================================== */
.hero {
    background: linear-gradient(135deg, #e84393 0%, #be3aad 35%, #a855f7 65%, #7c3aed 100%) !important;
}
.hero-gradient {
    background: none !important;
}
.hero-shape-1 {
    background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)) !important;
}
.hero-shape-2 {
    background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.03)) !important;
}
.hero-shape-3 {
    background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)) !important;
}

/* Hero text — all WHITE, bold, readable */
.hero-title {
    color: #ffffff !important;
}
.hero-title .text-gradient {
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
    text-shadow: 0 0 40px rgba(255,255,255,0.4);
}
.hero-text {
    color: rgba(255,255,255,0.9) !important;
}

/* Hero label badge */
.hero-label {
    background: rgba(255,255,255,0.18) !important;
    border-color: rgba(255,255,255,0.3) !important;
    color: #ffffff !important;
}
.hero-label i { color: #fbbf24 !important; }

/* Hero trust items */
.trust-item { color: rgba(255,255,255,0.85) !important; }
.trust-item i { color: rgba(255,255,255,0.9) !important; }

/* Hero buttons */
.hero .btn-primary {
    background: #ffffff !important;
    color: #d63384 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}
.hero .btn-primary:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important;
    transform: translateY(-3px);
}
.hero .btn-ghost {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.4) !important;
    color: #ffffff !important;
}
.hero .btn-ghost:hover {
    background: rgba(255,255,255,0.22) !important;
    border-color: #ffffff !important;
}

/* Hero showcase cards — solid white, readable */
.showcase-badge {
    background: linear-gradient(135deg, #e84393, #a855f7) !important;
}
.showcase-card {
    box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important;
}

/* Hero stats */
.hero-stats .stat-number { color: #ffffff !important; }
.hero-stats .stat-label { color: rgba(255,255,255,0.8) !important; }

/* ========================================
   SECTIONS
   ======================================== */
.section-label {
    background: rgba(232,67,147,0.08) !important;
    color: #e84393 !important;
}
.section-title { color: #1e1e2f !important; }

/* Categories */
.categories-section { background: #fdf2f8 !important; }
.category-card { background: #ffffff !important; }
.category-icon {
    background: linear-gradient(135deg, #e84393, #a855f7) !important;
}
.category-card:hover .category-arrow { color: #e84393 !important; }

/* Featured */
.featured-section { background: #ffffff !important; }

/* ========================================
   PRODUCT CARDS
   ======================================== */
.product-card { background: #ffffff !important; }
.product-card:hover {
    box-shadow: 0 10px 40px rgba(232,67,147,0.1) !important;
}
.product-badge {
    background: linear-gradient(135deg, #e84393, #a855f7) !important;
}
.product-category { color: #e84393 !important; }
.product-title { color: #1e1e2f !important; }
.product-price { color: #e84393 !important; }
.product-link { color: #e84393 !important; }

/* ========================================
   ALL PRODUCTS
   ======================================== */
.all-products-section { background: #fdf2f8 !important; }
.toolbar-left h2 { color: #1e1e2f !important; }

/* Sort */
.sort-select {
    background: #ffffff !important;
    border-color: #f3e8f0 !important;
    color: #2d3436 !important;
}
.sort-select:focus { border-color: #e84393 !important; }

/* Filters */
.filters-sidebar { background: #ffffff !important; }
.filter-group h3 { color: #1e1e2f !important; }
.filter-group h3 i { color: #e84393 !important; }
.filter-option:hover { background: #fdf2f8 !important; }
.filter-option.active { background: rgba(232,67,147,0.08) !important; }
.option-count { background: #fdf2f8 !important; }
.filter-option.active .option-count {
    background: #e84393 !important;
    color: #ffffff !important;
}

/* ========================================
   PROMO BANNER
   ======================================== */
.promo-content {
    background: linear-gradient(135deg, #e84393, #a855f7) !important;
}

/* ========================================
   TRUST SECTION
   ======================================== */
.trust-section { background: #ffffff !important; }
.trust-card { background: #fdf2f8 !important; }
.trust-card i { color: #e84393 !important; }
.trust-card h3 { color: #1e1e2f !important; }

/* ========================================
   FOOTER
   ======================================== */
.footer { background: #1e1e2f !important; }
.footer-social a:hover { background: #e84393 !important; }

/* ========================================
   BUTTONS (global)
   ======================================== */
.btn-primary {
    background: linear-gradient(135deg, #e84393, #a855f7) !important;
    box-shadow: 0 4px 15px rgba(232,67,147,0.3) !important;
}
.btn-primary:hover {
    box-shadow: 0 8px 25px rgba(232,67,147,0.4) !important;
}
.btn-ghost {
    border-color: #f3e8f0 !important;
    color: #2d3436 !important;
}
.btn-ghost:hover {
    border-color: #e84393 !important;
    color: #e84393 !important;
}