/**
 * OyunAta Theme Styles
 * Light/Dark theme support and comprehensive styling
 */

/* ========== THEME VARIABLES ========== */
:root {
    /* Dark Theme (Default) */
    --bg-primary: #1c1c1c;
    --bg-secondary: #222222;
    --bg-tertiary: #2a2a2a;
    --bg-card: #181818;
    --bg-input: #2a2a2a;
    --bg-hover: #333333;

    --text-primary: #ffffff;
    --text-secondary: #9ca3af;
    --text-muted: #6b7280;

    --border-color: #2a2a2a;
    --border-light: #333333;

    --shadow-color: rgba(0, 0, 0, 0.3);
    --backdrop-blur: rgba(28, 28, 28, 0.95);

    --scrollbar-track: #1a1a1a;
    --scrollbar-thumb: #333;
    --scrollbar-thumb-hover: #444;
}

/* Light Theme */
[data-theme="light"] {
    --bg-primary: #f8fafc;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f1f5f9;
    --bg-card: #ffffff;
    --bg-input: #f1f5f9;
    --bg-hover: #e2e8f0;

    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;

    --border-color: #e2e8f0;
    --border-light: #cbd5e1;

    --shadow-color: rgba(0, 0, 0, 0.1);
    --backdrop-blur: rgba(248, 250, 252, 0.95);

    --scrollbar-track: #f1f5f9;
    --scrollbar-thumb: #cbd5e1;
    --scrollbar-thumb-hover: #94a3b8;
}

/* Apply theme variables */
body {
    background-color: var(--bg-primary) !important;
    color: var(--text-secondary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* ========== COMPREHENSIVE LIGHT THEME OVERRIDES ========== */

/* Background Colors */
[data-theme="light"] .bg-dark-950,
[data-theme="light"] .bg-dark-900,
[data-theme="light"] .bg-dark-800 {
    background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .bg-dark-700 {
    background-color: var(--bg-tertiary) !important;
}

[data-theme="light"] .bg-dark-600,
[data-theme="light"] .bg-dark-500,
[data-theme="light"] .bg-dark-400,
[data-theme="light"] .bg-dark-300 {
    background-color: var(--bg-hover) !important;
}

/* Background with opacity */
[data-theme="light"] .bg-dark-700\/50,
[data-theme="light"] .bg-dark-800\/50,
[data-theme="light"] .bg-dark-600\/50 {
    background-color: rgba(241, 245, 249, 0.8) !important;
    backdrop-filter: blur(12px);
}

/* Inline style backgrounds */
[data-theme="light"] [style*="background-color: rgba(28, 28, 28"],
[data-theme="light"] [style*="background-color: rgb(28, 28, 28"],
[data-theme="light"] [style*="background-color: #1c1c1c"],
[data-theme="light"] [style*="background-color:#1c1c1c"],
[data-theme="light"] .bg-surface,
[data-theme="light"] .bg-surface\/95 {
    background-color: var(--backdrop-blur) !important;
}

/* Text Colors - Primary */
[data-theme="light"] .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
    color: var(--text-primary) !important;
}

/* Text Colors - Secondary */
[data-theme="light"] .text-gray-100,
[data-theme="light"] .text-gray-200,
[data-theme="light"] .text-gray-300 {
    color: var(--text-secondary) !important;
}

/* Text Colors - Muted */
[data-theme="light"] .text-gray-400,
[data-theme="light"] .text-gray-500,
[data-theme="light"] .text-gray-600 {
    color: var(--text-muted) !important;
}

/* Border Colors */
[data-theme="light"] .border-dark-600,
[data-theme="light"] .border-dark-500,
[data-theme="light"] .border-dark-400,
[data-theme="light"] .border-card-border {
    border-color: var(--border-color) !important;
}

[data-theme="light"] .border-dark-700,
[data-theme="light"] .border-dark-800 {
    border-color: var(--border-light) !important;
}

/* Hover States */
[data-theme="light"] .hover\:bg-dark-500:hover,
[data-theme="light"] .hover\:bg-dark-600:hover,
[data-theme="light"] .hover\:bg-dark-700:hover {
    background-color: var(--bg-hover) !important;
}

[data-theme="light"] .hover\:text-white:hover {
    color: var(--text-primary) !important;
}

/* Forms & Inputs */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select,
[data-theme="light"] .form-control {
    background-color: var(--bg-input) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: var(--text-muted) !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] select:focus {
    border-color: #5865F2 !important;
    box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.1) !important;
}

/* Card Shadows */
[data-theme="light"] .bg-dark-700\/50,
[data-theme="light"] .bg-dark-800,
[data-theme="light"] article,
[data-theme="light"] .card {
    box-shadow: 0 1px 3px var(--shadow-color), 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* Header and Footer */
[data-theme="light"] header,
[data-theme="light"] footer {
    background-color: var(--backdrop-blur) !important;
    border-color: var(--border-color) !important;
}

[data-theme="light"] nav {
    background-color: var(--bg-secondary) !important;
}

/* Dropdown Menus */
[data-theme="light"] .dropdown-menu,
[data-theme="light"] .category-dropdown-menu>div {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
}

/* Buttons - Keep primary button colors but adjust secondary */
[data-theme="light"] .btn-secondary,
[data-theme="light"] button.bg-dark-600,
[data-theme="light"] button.bg-dark-700,
[data-theme="light"] a.bg-dark-600,
[data-theme="light"] a.bg-dark-700 {
    background-color: var(--bg-hover) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="light"] .btn-secondary:hover,
[data-theme="light"] button.bg-dark-600:hover,
[data-theme="light"] button.bg-dark-700:hover {
    background-color: #cbd5e1 !important;
}

/* Links */
[data-theme="light"] a.text-gray-300,
[data-theme="light"] a.text-gray-400 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] a.text-gray-300:hover,
[data-theme="light"] a.text-gray-400:hover {
    color: var(--text-primary) !important;
}

/* Product Cards */
[data-theme="light"] .group.bg-dark-800,
[data-theme="light"] article.bg-dark-800 {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="light"] .group.bg-dark-800:hover,
[data-theme="light"] article.bg-dark-800:hover {
    border-color: var(--border-light) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Gradients */
[data-theme="light"] .bg-gradient-to-r.from-dark-800,
[data-theme="light"] .bg-gradient-to-br.from-dark-800,
[data-theme="light"] .bg-gradient-to-b.from-dark-800 {
    background: linear-gradient(to right, var(--bg-secondary), var(--bg-tertiary)) !important;
}

[data-theme="light"] .from-primary\/20 {
    --tw-gradient-from: rgba(88, 101, 242, 0.08) !important;
}

[data-theme="light"] .from-success\/20 {
    --tw-gradient-from: rgba(67, 181, 129, 0.08) !important;
}

[data-theme="light"] .from-warning\/20 {
    --tw-gradient-from: rgba(250, 166, 26, 0.08) !important;
}

[data-theme="light"] .to-dark-700,
[data-theme="light"] .to-dark-800 {
    --tw-gradient-to: var(--bg-tertiary) !important;
}

[data-theme="light"] .via-dark-700 {
    --tw-gradient-via: var(--bg-tertiary) !important;
}

/* Feature Cards / Stats */
[data-theme="light"] .bg-dark-600\/50,
[data-theme="light"] .bg-dark-800\/50 {
    background-color: rgba(226, 232, 240, 0.5) !important;
}

/* Icons in dark containers */
[data-theme="light"] .bg-dark-700 i,
[data-theme="light"] .bg-dark-600 i {
    color: var(--text-secondary);
}

/* Ring colors */
[data-theme="light"] .ring-dark-500,
[data-theme="light"] .ring-dark-600 {
    --tw-ring-color: var(--border-color) !important;
}

/* Divide colors */
[data-theme="light"] .divide-dark-600>*+*,
[data-theme="light"] .divide-dark-700>*+* {
    border-color: var(--border-color) !important;
}

/* Price displays */
[data-theme="light"] .text-success {
    color: #059669 !important;
}

[data-theme="light"] .text-danger {
    color: #dc2626 !important;
}

[data-theme="light"] .text-warning {
    color: #d97706 !important;
}

[data-theme="light"] .text-primary {
    color: #4f46e5 !important;
}

/* Line through (old price) */
[data-theme="light"] .line-through {
    color: var(--text-muted) !important;
}

/* Category Nav */
[data-theme="light"] .category-item a,
[data-theme="light"] nav ul li a {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .category-item a:hover,
[data-theme="light"] nav ul li a:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Badges with opacity backgrounds */
[data-theme="light"] .bg-primary\/10 {
    background-color: rgba(88, 101, 242, 0.1) !important;
}

[data-theme="light"] .bg-success\/10 {
    background-color: rgba(16, 185, 129, 0.1) !important;
}

[data-theme="light"] .bg-danger\/10 {
    background-color: rgba(239, 68, 68, 0.1) !important;
}

[data-theme="light"] .bg-warning\/10 {
    background-color: rgba(245, 158, 11, 0.1) !important;
}

[data-theme="light"] .bg-primary\/20 {
    background-color: rgba(88, 101, 242, 0.15) !important;
}

[data-theme="light"] .bg-success\/20 {
    background-color: rgba(16, 185, 129, 0.15) !important;
}

/* Mobile Menu */
[data-theme="light"] #mobileMenu>div:last-child {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Scrollbar in containers */
[data-theme="light"] .overflow-y-auto::-webkit-scrollbar-track {
    background: var(--bg-tertiary);
}

[data-theme="light"] .overflow-y-auto::-webkit-scrollbar-thumb {
    background: var(--border-light);
}

/* Table styling */
[data-theme="light"] table {
    background-color: var(--bg-secondary) !important;
}

[data-theme="light"] th {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="light"] td {
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] tr:hover td {
    background-color: var(--bg-tertiary) !important;
}

/* Breadcrumb Navigation */
[data-theme="light"] nav.flex.items-center.gap-2.text-sm {
    color: #64748b !important;
}

[data-theme="light"] nav.flex.items-center.gap-2.text-sm a {
    color: #475569 !important;
}

[data-theme="light"] nav.flex.items-center.gap-2.text-sm a:hover {
    color: #1e293b !important;
}

[data-theme="light"] nav.flex.items-center.gap-2.text-sm span {
    color: #1e293b !important;
}

[data-theme="light"] nav.flex.items-center.gap-2.text-sm i {
    color: #94a3b8 !important;
}

[data-theme="light"] nav.flex.items-center.gap-2.text-sm .text-gray-600 {
    color: #94a3b8 !important;
}

/* General breadcrumb fix */
[data-theme="light"] nav.flex a {
    color: #475569 !important;
}

[data-theme="light"] nav.flex a:hover {
    color: #1e293b !important;
}

[data-theme="light"] nav.flex span.text-white {
    color: #1e293b !important;
}

/* Code blocks */
[data-theme="light"] code,
[data-theme="light"] pre {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Aspect ratio containers */
[data-theme="light"] .aspect-\[4\/3\] .bg-dark-700 {
    background-color: var(--bg-tertiary) !important;
}

/* Placeholder image backgrounds */
[data-theme="light"] .bg-dark-700.flex.items-center.justify-center {
    background-color: var(--bg-tertiary) !important;
}

/* Empty state */
[data-theme="light"] .empty-state {
    background-color: var(--bg-secondary) !important;
}

/* Section titles */
[data-theme="light"] .section-title,
[data-theme="light"] [class*="font-bold"].text-white:not(.hero-slide *),
[data-theme="light"] [class*="font-semibold"].text-white:not(.hero-slide *) {
    color: var(--text-primary) !important;
}

/* Preserve slider inline colors */
[data-theme="light"] .hero-slide h2,
[data-theme="light"] .hero-slide p {
    color: inherit !important;
}

/* Slider/Carousel backgrounds */
[data-theme="light"] .swiper-slide {
    background-color: var(--bg-secondary) !important;
}

/* Modal/Dialog backgrounds */
[data-theme="light"] .modal-content,
[data-theme="light"] [role="dialog"] {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Backdrop for modals */
[data-theme="light"] .bg-black\/60 {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

/* Alert boxes */
[data-theme="light"] .alert {
    border-color: var(--border-color) !important;
}

/* Pagination */
[data-theme="light"] .pagination a,
[data-theme="light"] .pagination span {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .pagination a:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* ========== ADDITIONAL COMPREHENSIVE OVERRIDES ========== */

/* Feature cards with opacity */
[data-theme="light"] .bg-dark-800\/80,
[data-theme="light"] .bg-dark-700\/80 {
    background-color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(12px);
}

/* Hover states with opacity */
[data-theme="light"] .hover\:bg-dark-700\/80:hover {
    background-color: rgba(241, 245, 249, 0.9) !important;
}

/* All text that could be problematic */
[data-theme="light"] .text-white,
[data-theme="light"] [class*="text-white"] {
    color: var(--text-primary) !important;
}

/* Span and paragraph text */
[data-theme="light"] p,
[data-theme="light"] span:not(.text-primary):not(.text-success):not(.text-danger):not(.text-warning) {
    color: inherit;
}

/* Labels */
[data-theme="light"] label {
    color: var(--text-secondary) !important;
}

/* Strong and bold text */
[data-theme="light"] strong,
[data-theme="light"] b {
    color: var(--text-primary);
}

/* Category cards */
[data-theme="light"] .bg-dark-800.rounded-2xl,
[data-theme="light"] .bg-dark-800.rounded-xl {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Card hover borders */
[data-theme="light"] .hover\:border-primary\/50:hover {
    border-color: rgba(88, 101, 242, 0.5) !important;
}

/* Icon containers */
[data-theme="light"] .bg-dark-700.rounded-xl,
[data-theme="light"] .bg-dark-600.rounded-lg,
[data-theme="light"] .bg-dark-600.rounded-xl {
    background-color: var(--bg-hover) !important;
}

/* Slider backgrounds */
[data-theme="light"] .bg-gradient-to-t.from-dark-900 {
    background: linear-gradient(to top, rgba(30, 41, 59, 0.8), transparent) !important;
}

/* Section headers */
[data-theme="light"] section h2,
[data-theme="light"] section h3 {
    color: var(--text-primary) !important;
}

/* Price tags */
[data-theme="light"] .font-bold.text-lg,
[data-theme="light"] .font-bold.text-xl,
[data-theme="light"] .font-bold.text-2xl {
    color: var(--text-primary) !important;
}

/* Keep primary color buttons readable */
[data-theme="light"] .bg-primary,
[data-theme="light"] .bg-primary-hover,
[data-theme="light"] [style*="background-color: rgba(221, 14, 44"],
[data-theme="light"] [style*="background-color:#dd0e2c"],
[data-theme="light"] [style*="background-color: #dd0e2c"] {
    color: white !important;
}

[data-theme="light"] .bg-primary span,
[data-theme="light"] .bg-primary i,
[data-theme="light"] .bg-primary-hover span,
[data-theme="light"] .bg-primary-hover i {
    color: white !important;
}

/* Custom primary buttons - always white text in both themes */
.btn-primary-custom {
    color: #ffffff !important;
}

.btn-primary-custom span,
.btn-primary-custom i {
    color: #ffffff !important;
}

[data-theme="light"] .btn-primary-custom,
[data-theme="light"] .btn-primary-custom span,
[data-theme="light"] .btn-primary-custom i {
    color: #ffffff !important;
}

/* Product tabs with active state */
[data-theme="light"] .product-tab.text-white {
    color: #ffffff !important;
}

/* ========== HOMEPAGE LIGHT THEME FIXES ========== */

/* Feature cards on homepage */
[data-theme="light"] .feature-slide .bg-dark-800\/80,
[data-theme="light"] .bg-dark-800\/80 {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .feature-slide .bg-dark-800\/80:hover,
[data-theme="light"] .bg-dark-800\/80:hover {
    background-color: rgba(255, 255, 255, 1) !important;
}

/* Category image cards */
[data-theme="light"] .group [class*="aspect"].bg-dark-700 {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

/* Category names */
[data-theme="light"] h5.text-white.font-semibold {
    color: #1e293b !important;
}

/* Section headers */
[data-theme="light"] h3.text-xl.font-bold.text-white {
    color: #1e293b !important;
}

/* Section subtext */
[data-theme="light"] p.text-gray-400.text-sm {
    color: #64748b !important;
}

/* Product tabs - inactive state */
[data-theme="light"] .product-tab {
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

[data-theme="light"] .product-tab:hover {
    color: #1e293b !important;
    border-color: #94a3b8 !important;
}

/* Product tabs - active state with inline style */
[data-theme="light"] .product-tab[style*="background-color: rgba(221, 14, 44)"],
[data-theme="light"] .product-tab[style*="background-color:rgba(221,14,44)"] {
    color: #ffffff !important;
}

[data-theme="light"] .product-tab[style*="background-color: rgba(221, 14, 44)"] span,
[data-theme="light"] .product-tab[style*="background-color: rgba(221, 14, 44)"] i {
    color: #ffffff !important;
}

/* Product cards */
[data-theme="light"] .group.bg-dark-800 {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .group.bg-dark-800:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
}

/* Product image container */
[data-theme="light"] [class*="aspect"].bg-dark-700 {
    background-color: #f8fafc !important;
}

/* Product names */
[data-theme="light"] .group h3.text-white.font-medium,
[data-theme="light"] h3.text-white.font-medium {
    color: #1e293b !important;
}

/* Product prices */
[data-theme="light"] .text-white.font-bold.text-lg {
    color: #1e293b !important;
}

/* "Tümünü Gör" and "Sepete Ekle" buttons with inline style */
[data-theme="light"] a[style*="background-color: rgba(221, 14, 44)"],
[data-theme="light"] button[style*="background-color: rgba(221, 14, 44)"] {
    color: #ffffff !important;
}

[data-theme="light"] a[style*="background-color: rgba(221, 14, 44)"] span,
[data-theme="light"] a[style*="background-color: rgba(221, 14, 44)"] i,
[data-theme="light"] button[style*="background-color: rgba(221, 14, 44)"] span,
[data-theme="light"] button[style*="background-color: rgba(221, 14, 44)"] i {
    color: #ffffff !important;
}

/* Ensure text-white on styled buttons remains white */
[data-theme="light"] a.text-white[style*="background-color"],
[data-theme="light"] button.text-white[style*="background-color"] {
    color: #ffffff !important;
}

/* Subcategory tabs border */
[data-theme="light"] .border-dark-600 {
    border-color: #e2e8f0 !important;
}

/* Empty product message */
[data-theme="light"] .text-gray-500 {
    color: #64748b !important;
}

/* Feature dots */
[data-theme="light"] #featureDots button.bg-dark-600 {
    background-color: #cbd5e1 !important;
}

/* Icon container backgrounds */
[data-theme="light"] .bg-primary\/10 {
    background-color: rgba(88, 101, 242, 0.1) !important;
}

[data-theme="light"] .bg-primary\/20 {
    background-color: rgba(88, 101, 242, 0.15) !important;
}

/* Gradient backgrounds in category cards */
[data-theme="light"] .bg-gradient-to-br.from-dark-600.to-dark-800 {
    background: linear-gradient(to bottom right, #e2e8f0, #f1f5f9) !important;
}

/* ========== CLIENT PAGES LIGHT THEME (Order Detail, Reports) ========== */

/* Page background */
[data-theme="light"] .bg-dark-900[class*="min-h"] {
    background-color: var(--bg-primary) !important;
}

/* Main card containers */
[data-theme="light"] .bg-dark-800.rounded-2xl {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}

/* "Toplam Tutar" box */
[data-theme="light"] .bg-dark-900\/50 {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .bg-dark-900\/50 .text-gray-500 {
    color: #64748b !important;
}

[data-theme="light"] .bg-dark-900\/50 .text-white {
    color: #1e293b !important;
}

/* Card headers */
[data-theme="light"] .bg-dark-800\/50 {
    background-color: #f8fafc !important;
}

/* Section labels */
[data-theme="light"] .text-gray-500.uppercase {
    color: #64748b !important;
}

/* Inner boxes */
[data-theme="light"] .bg-dark-900 {
    background-color: #f8fafc !important;
}

[data-theme="light"] .bg-dark-900.rounded-xl {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

/* Text colors in client pages */
[data-theme="light"] .text-gray-200 {
    color: #334155 !important;
}

[data-theme="light"] .text-gray-300 {
    color: #475569 !important;
}

/* Dividers */
[data-theme="light"] .divide-dark-700>*+* {
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .border-dark-700 {
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .border-dark-700\/50 {
    border-color: rgba(226, 232, 240, 0.8) !important;
}

/* Price tags in order items */
[data-theme="light"] .bg-dark-700.px-2,
[data-theme="light"] .bg-dark-700.px-3 {
    background-color: #e2e8f0 !important;
    border-color: #cbd5e1 !important;
}

/* Icon containers */
[data-theme="light"] .bg-dark-700.flex.items-center.justify-center {
    background-color: #e2e8f0 !important;
}

/* Pre/code blocks for delivery content */
[data-theme="light"] pre.bg-dark-900 {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}

/* Report page specific */
[data-theme="light"] .border-primary\/20 {
    border-color: rgba(88, 101, 242, 0.3) !important;
}

[data-theme="light"] .shadow-primary\/5 {
    box-shadow: 0 10px 15px -3px rgba(88, 101, 242, 0.08) !important;
}

/* Waiting message box */
[data-theme="light"] .bg-yellow-500\/5 {
    background-color: rgba(245, 158, 11, 0.08) !important;
}

/* Footer area of cards */
[data-theme="light"] .bg-dark-900\/30 {
    background-color: #f1f5f9 !important;
}

[data-theme="light"] footer .text-gray-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] footer h4 {
    color: var(--text-primary) !important;
}

/* Social icons in footer */
[data-theme="light"] footer a.text-gray-400:hover {
    color: var(--text-primary) !important;
}

/* Search results highlighting */
[data-theme="light"] mark,
[data-theme="light"] .highlight {
    background-color: rgba(88, 101, 242, 0.2) !important;
    color: var(--text-primary) !important;
}

/* Loading states */
[data-theme="light"] .animate-pulse {
    background-color: var(--bg-tertiary) !important;
}

/* Skeleton loaders */
[data-theme="light"] .skeleton {
    background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%) !important;
}

/* Toast / Notification styles */
[data-theme="light"] .toast,
[data-theme="light"] .notification {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Tabs */
[data-theme="light"] .product-tab {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .product-tab.active,
[data-theme="light"] .product-tab[style*="background-color"] {
    color: white !important;
}

/* Border hover for tabs */
[data-theme="light"] .product-tab:not([style*="background-color"]):hover {
    border-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}

/* Accordion / Collapse */
[data-theme="light"] details {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="light"] summary {
    color: var(--text-primary) !important;
}

/* Rating stars should stay yellow */
[data-theme="light"] .ri-star-fill.text-yellow-400,
[data-theme="light"] .ri-star-fill.text-warning {
    color: #f59e0b !important;
}

/* Checkbox and radio */
[data-theme="light"] input[type="checkbox"],
[data-theme="light"] input[type="radio"] {
    accent-color: #5865F2;
}

/* Range slider */
[data-theme="light"] input[type="range"] {
    accent-color: #5865F2;
}

/* File input */
[data-theme="light"] input[type="file"] {
    color: var(--text-secondary) !important;
}

/* Progress bars */
[data-theme="light"] progress {
    background-color: var(--bg-tertiary);
}

[data-theme="light"] progress::-webkit-progress-bar {
    background-color: var(--bg-tertiary);
}

/* Blockquote */
[data-theme="light"] blockquote {
    border-left-color: var(--border-light) !important;
    background-color: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
}

/* HR / Dividers */
[data-theme="light"] hr {
    border-color: var(--border-color) !important;
}

/* Tooltips */
[data-theme="light"] [data-tooltip],
[data-theme="light"] .tooltip {
    background-color: var(--text-primary) !important;
    color: var(--bg-secondary) !important;
}

/* Fix any remaining white text on white background issues */
[data-theme="light"] .bg-white .text-white,
[data-theme="light"] .bg-gray-100 .text-white {
    color: var(--text-primary) !important;
}

/* Ensure all cards with borders are visible */
[data-theme="light"] [class*="border-dark"] {
    border-color: var(--border-color) !important;
}

/* Gradient text fix - keep gradient colors */
[data-theme="light"] .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

/* ========== PRESERVE DECORATIVE GRADIENTS ========== */

/* Category page red gradient overlay - keep it visible */
[data-theme="light"] .absolute[style*="rgba(221, 14, 44"],
[data-theme="light"] [style*="linear-gradient"][style*="rgba(221, 14, 44"] {
    opacity: 0.6 !important;
}

/* Keep decorative background gradients visible */
[data-theme="light"] .pointer-events-none[style*="linear-gradient"] {
    /* Preserve gradient overlays but slightly reduce opacity */
    opacity: 0.7;
}

/* Hero/slider gradient overlays */
[data-theme="light"] .bg-gradient-to-t.from-dark-900.via-dark-900\/50,
[data-theme="light"] .bg-gradient-to-t[class*="from-dark"],
[data-theme="light"] .bg-gradient-to-b[class*="from-dark"] {
    background: linear-gradient(to top, rgba(30, 41, 59, 0.7), transparent) !important;
}

/* About/Contact page gradient hero sections */
[data-theme="light"] .bg-gradient-to-br.from-primary\/20.via-dark-700.to-dark-800 {
    background: linear-gradient(to bottom right, rgba(88, 101, 242, 0.15), #f1f5f9, #e2e8f0) !important;
}

[data-theme="light"] .bg-gradient-to-br.from-success\/20.via-dark-700.to-dark-800 {
    background: linear-gradient(to bottom right, rgba(67, 181, 129, 0.15), #f1f5f9, #e2e8f0) !important;
}

[data-theme="light"] .bg-gradient-to-br.from-warning\/20.to-dark-700 {
    background: linear-gradient(to bottom right, rgba(250, 166, 26, 0.15), #f1f5f9) !important;
}

/* Glow effects - adjust for light mode */
[data-theme="light"] [style*="box-shadow"][style*="rgba(221, 14, 44"] {
    box-shadow: 0 10px 30px rgba(221, 14, 44, 0.15) !important;
}

/* Pattern/texture overlays */
[data-theme="light"] .absolute[class*="opacity-30"],
[data-theme="light"] .absolute[class*="opacity-20"] {
    opacity: 0.1 !important;
}

/* Category page red gradient - make visible in light mode */
[data-theme="light"] .category-red-gradient {
    background: linear-gradient(to bottom, rgba(221, 14, 44, 0.12), transparent) !important;
    opacity: 1 !important;
}

/* Ensure main page containers don't override decorative elements */
[data-theme="light"] .min-h-screen.bg-dark-900.relative {
    background-color: var(--bg-primary) !important;
}

/* ========== BREADCRUMB FIX - TRANSPARENT BACKGROUND ========== */
[data-theme="light"] nav.flex.items-center.gap-2.text-sm.text-gray-400 {
    background-color: transparent !important;
    background: transparent !important;
}

/* Make category page content container transparent so gradient shows through */
[data-theme="light"] .max-w-7xl.mx-auto.px-4.relative.z-10 {
    background-color: transparent !important;
    background: transparent !important;
}

/* Category page - only the outer container should have background, not content */
[data-theme="light"] .min-h-screen.bg-dark-900.py-8.relative {
    background-color: var(--bg-primary) !important;
}

/* Ensure red gradient overlay is visible and above background */
[data-theme="light"] .category-red-gradient {
    z-index: 0 !important;
}

/* ========== ALL CATEGORIES PAGE FIXES ========== */

/* Category cards */
[data-theme="light"] a.group.bg-dark-700 {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] a.group.bg-dark-700:hover {
    border-color: rgba(88, 101, 242, 0.5) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

/* Category card image container */
[data-theme="light"] .aspect-\[168\/227\].bg-dark-600 {
    background-color: var(--bg-hover) !important;
}

/* Category card gradient overlay - keep dark gradient for text readability */
[data-theme="light"] .bg-gradient-to-t.from-dark-900\/90 {
    background: linear-gradient(to top, rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.3), transparent) !important;
}

/* Alt Kategoriler section box */
[data-theme="light"] .bg-dark-700.rounded-xl.border.border-dark-500 {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Subcategory buttons/links */
[data-theme="light"] a.inline-flex.items-center.gap-2.px-4.py-2.bg-dark-600 {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] a.inline-flex.items-center.gap-2.px-4.py-2.bg-dark-600:hover {
    background-color: var(--bg-hover) !important;
    border-color: rgba(88, 101, 242, 0.5) !important;
    color: var(--text-primary) !important;
}

/* Page header text */
[data-theme="light"] h1.text-white,
[data-theme="light"] h2.text-white,
[data-theme="light"] h3.text-white {
    color: var(--text-primary) !important;
}

/* Fix gradient overlay text on category cards - keep white for contrast */
[data-theme="light"] .absolute.bottom-0 h3.text-white,
[data-theme="light"] .absolute.bottom-0 .text-white {
    color: #ffffff !important;
}

/* Empty state circle */
[data-theme="light"] .bg-dark-700.rounded-full {
    background-color: var(--bg-tertiary) !important;
}

/* ========== BBCODE / PROSE CONTENT FIX ========== */

/* Prose content styling for light mode */
[data-theme="light"] .prose,
[data-theme="light"] .prose-invert {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .prose h1,
[data-theme="light"] .prose h2,
[data-theme="light"] .prose h3,
[data-theme="light"] .prose h4,
[data-theme="light"] .prose-invert h1,
[data-theme="light"] .prose-invert h2,
[data-theme="light"] .prose-invert h3,
[data-theme="light"] .prose-invert h4 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .prose p,
[data-theme="light"] .prose-invert p {
    color: #334155 !important;
}

[data-theme="light"] .prose strong,
[data-theme="light"] .prose-invert strong,
[data-theme="light"] .prose b,
[data-theme="light"] .prose-invert b {
    color: var(--text-primary) !important;
}

[data-theme="light"] .prose a,
[data-theme="light"] .prose-invert a {
    color: #4f46e5 !important;
}

[data-theme="light"] .prose ul,
[data-theme="light"] .prose ol,
[data-theme="light"] .prose-invert ul,
[data-theme="light"] .prose-invert ol {
    color: #334155 !important;
}

[data-theme="light"] .prose li,
[data-theme="light"] .prose-invert li {
    color: #334155 !important;
}

[data-theme="light"] .prose blockquote,
[data-theme="light"] .prose-invert blockquote {
    color: #475569 !important;
    border-left-color: #e2e8f0 !important;
    background-color: #f1f5f9 !important;
}

[data-theme="light"] .prose code,
[data-theme="light"] .prose-invert code {
    background-color: #e2e8f0 !important;
    color: #1e293b !important;
}

[data-theme="light"] .prose pre,
[data-theme="light"] .prose-invert pre {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
}

/* Tab content container for product description */
[data-theme="light"] #tab-content-description {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="light"] #tab-content-description .text-gray-300 {
    color: #334155 !important;
}

/* ========== CATEGORY DESCRIPTION TEXT FIX ========== */

/* Make category description darker for better readability */
[data-theme="light"] .text-gray-400.max-w-2xl,
[data-theme="light"] p.text-gray-400.max-w-2xl,
[data-theme="light"] .mb-10 .text-gray-400 {
    color: #475569 !important;
}

/* General description text fix */
[data-theme="light"] .text-gray-400.text-lg,
[data-theme="light"] p.text-gray-400.text-lg {
    color: #475569 !important;
}

/* ========== NAVBAR DIVIDER LINE ========== */
[data-theme="light"] .navbar-divider {
    background-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

/* ========== GIVEAWAY PAGE LIGHT THEME FIXES ========== */

/* Countdown boxes - keep dark for contrast on image */
[data-theme="light"] #countdown-box>div {
    background-color: rgba(30, 41, 59, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="light"] #countdown-box .cd-d,
[data-theme="light"] #countdown-box .cd-h,
[data-theme="light"] #countdown-box .cd-m,
[data-theme="light"] #countdown-box .cd-s {
    color: #ffffff !important;
}

/* "Çekilişin Bitmesine" text - make visible */
[data-theme="light"] .absolute.bottom-0 .text-gray-300,
[data-theme="light"] .absolute.bottom-0 .tracking-widest {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* Countdown unit labels */
[data-theme="light"] #countdown-box .text-gray-400,
[data-theme="light"] #countdown-box .text-\[10px\] {
    color: #cbd5e1 !important;
}

/* Stats cards on giveaway page */
[data-theme="light"] .grid.grid-cols-3>div.bg-dark-700 {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="light"] .grid.grid-cols-3>div .text-gray-400 {
    color: var(--text-secondary) !important;
}

/* Prizes list container */
[data-theme="light"] .bg-dark-700\/50 {
    background-color: var(--bg-secondary) !important;
}

/* Prize items */
[data-theme="light"] .bg-dark-800.rounded-xl {
    background-color: var(--bg-tertiary) !important;
}

/* Giveaway action area */
[data-theme="light"] .bg-primary\/10 {
    background-color: rgba(88, 101, 242, 0.08) !important;
}

/* Winners section gradient */
[data-theme="light"] .from-dark-700.to-dark-800 {
    background: linear-gradient(to right, var(--bg-secondary), var(--bg-tertiary)) !important;
}

/* Giveaways list page cards */
[data-theme="light"] .giveaway-card,
[data-theme="light"] [class*="giveaway"] .bg-dark-700 {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* ========== SLIDER INLINE COLOR PRESERVATION ========== */

/* Don't override slider text colors that have inline styles */
[data-theme="light"] .hero-slide [style*="color:"] {
    color: inherit;
}

/* ========== THEME TOGGLE BUTTON ========== */
.theme-toggle {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.theme-toggle:hover {
    transform: rotate(15deg);
}

.theme-toggle i {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* ========== THEME-BASED LOGO SWITCHING ========== */

/* Dark theme (default) - show dark logo, hide light logo */
.logo-dark {
    display: block;
}

.logo-light {
    display: none;
}

/* Light theme - show light logo, hide dark logo */
[data-theme="light"] .logo-dark {
    display: none !important;
}

[data-theme="light"] .logo-light {
    display: block !important;
}

/* ========== MOBILE MENU PANEL - LIGHT THEME ========== */

/* Mobile menu panel container - main panel */
[data-theme="light"] #mobileMenu>div:last-child,
[data-theme="light"] #mobileMenu>div.absolute.left-0 {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] #mobileMenu .bg-dark-900,
[data-theme="light"] #mobileMenu .bg-dark-800,
[data-theme="light"] #mobileMenu .bg-dark-700 {
    background-color: #f1f5f9 !important;
}

/* Mobile menu header area */
[data-theme="light"] #mobileMenu .border-dark-600,
[data-theme="light"] #mobileMenu .border-dark-500,
[data-theme="light"] #mobileMenu .border-b,
[data-theme="light"] #mobileMenu .border-t {
    border-color: #e2e8f0 !important;
}

/* ALL text colors in mobile menu */
[data-theme="light"] #mobileMenu .text-white {
    color: #1e293b !important;
}

[data-theme="light"] #mobileMenu .text-gray-300 {
    color: #334155 !important;
}

[data-theme="light"] #mobileMenu .text-gray-400 {
    color: #475569 !important;
}

[data-theme="light"] #mobileMenu .text-gray-500 {
    color: #64748b !important;
}

/* Mobile menu title */
[data-theme="light"] #mobileMenu .mobile-menu-title,
[data-theme="light"] #mobileMenu span.font-bold {
    color: #1e293b !important;
}

/* Theme toggle and close buttons */
[data-theme="light"] #mobileMenu button {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
}

[data-theme="light"] #mobileMenu button:hover {
    background-color: #e2e8f0 !important;
    color: #1e293b !important;
}

/* Remove any glow effects */
[data-theme="light"] #mobileMenu button,
[data-theme="light"] #mobileMenu a,
[data-theme="light"] #mobileMenu span,
[data-theme="light"] #mobileMenu i {
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Search input */
[data-theme="light"] #mobileMenu input {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
}

[data-theme="light"] #mobileMenu input::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] #mobileMenu input:focus {
    border-color: #5865F2 !important;
    outline: none !important;
}

/* Quick links grid (Sepet, Çekiliş) */
[data-theme="light"] #mobileMenu .grid a {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

[data-theme="light"] #mobileMenu .grid a:hover {
    background-color: #e2e8f0 !important;
    color: #1e293b !important;
}

[data-theme="light"] #mobileMenu .grid a span {
    color: inherit !important;
}

/* Quick links icons */
[data-theme="light"] #mobileMenu .grid a i {
    color: #64748b !important;
}

/* Keep heart icon red */
[data-theme="light"] #mobileMenu .grid a i.text-red-500,
[data-theme="light"] #mobileMenu i.ri-heart-fill {
    color: #ef4444 !important;
}

/* Categories section */
[data-theme="light"] #mobileMenu h3 {
    color: #64748b !important;
}

/* Category links */
[data-theme="light"] #mobileMenu .space-y-1 a {
    color: #334155 !important;
    background-color: transparent !important;
}

[data-theme="light"] #mobileMenu .space-y-1 a:hover {
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
}

/* Category icons */
[data-theme="light"] #mobileMenu .space-y-1 a i {
    color: #64748b !important;
}

[data-theme="light"] #mobileMenu .space-y-1 a img {
    opacity: 0.8;
}

/* Keep "Tüm Kategoriler" button styled with primary color */
[data-theme="light"] #mobileMenu a.bg-primary {
    background-color: #5865F2 !important;
    color: #ffffff !important;
}

[data-theme="light"] #mobileMenu a.bg-primary:hover {
    background-color: #4752C4 !important;
}

[data-theme="light"] #mobileMenu a.bg-primary i,
[data-theme="light"] #mobileMenu a.bg-primary span {
    color: #ffffff !important;
}

/* Extra links (Yayıncılar) - IMPORTANT FIX */
[data-theme="light"] #mobileMenu .border-t a,
[data-theme="light"] #mobileMenu>div:last-child>div:last-child a {
    color: #334155 !important;
    background-color: transparent !important;
}

[data-theme="light"] #mobileMenu .border-t a:hover,
[data-theme="light"] #mobileMenu>div:last-child>div:last-child a:hover {
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
}

/* Yayıncılar icon - keep orange */
[data-theme="light"] #mobileMenu i.ri-broadcast-fill,
[data-theme="light"] #mobileMenu .text-orange-500 {
    color: #f97316 !important;
}

/* All span text in menu links */
[data-theme="light"] #mobileMenu a span:not(.bg-primary span) {
    color: inherit !important;
}

/* Badge in cart link */
[data-theme="light"] #mobileMenu .bg-primary.rounded-full {
    background-color: #5865F2 !important;
    color: #ffffff !important;
}

/* ========== MOBILE BOTTOM NAVIGATION - LIGHT THEME ========== */

/* Mobile nav container background */
[data-theme="light"] .fixed.bottom-0>.absolute.inset-0.bg-dark-900\/90 {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top-color: var(--border-color) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Mobile nav - glassmorphism fix for light mode */
[data-theme="light"] .fixed.bottom-0.left-0.right-0 .bg-dark-900\/90 {
    background-color: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* Mobile nav border */
[data-theme="light"] .fixed.bottom-0 .border-dark-600\/50 {
    border-color: var(--border-color) !important;
}

/* Mobile nav shadow fix */
[data-theme="light"] .fixed.bottom-0 .shadow-dark-900 {
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Mobile nav icon colors - inactive state */
[data-theme="light"] .fixed.bottom-0 a .text-gray-400 {
    color: #64748b !important;
}

[data-theme="light"] .fixed.bottom-0 a div.text-gray-400 {
    color: #64748b !important;
}

/* Mobile nav label colors - inactive state */
[data-theme="light"] .fixed.bottom-0 a .text-gray-500 {
    color: #94a3b8 !important;
}

[data-theme="light"] .fixed.bottom-0 a span.text-gray-500 {
    color: #94a3b8 !important;
}

/* Mobile nav hover states */
[data-theme="light"] .fixed.bottom-0 a .group-hover\:text-white {
    color: inherit;
}

[data-theme="light"] .fixed.bottom-0 a:hover .group-hover\:text-white,
[data-theme="light"] .fixed.bottom-0 a.group:hover .text-gray-400 {
    color: var(--text-primary) !important;
}

[data-theme="light"] .fixed.bottom-0 a:hover .group-hover\:text-gray-300,
[data-theme="light"] .fixed.bottom-0 a.group:hover .text-gray-500 {
    color: var(--text-secondary) !important;
}

/* Mobile nav - Cart button (center floating button) */
[data-theme="light"] .fixed.bottom-0 a div.bg-dark-700 {
    background-color: #e2e8f0 !important;
    border-color: #ffffff !important;
}

[data-theme="light"] .fixed.bottom-0 a div.border-dark-900 {
    border-color: #ffffff !important;
}

[data-theme="light"] .fixed.bottom-0 a div.bg-dark-700.text-gray-300 {
    color: #475569 !important;
}

/* Cart button hover state */
[data-theme="light"] .fixed.bottom-0 a:hover div.bg-dark-700,
[data-theme="light"] .fixed.bottom-0 a.group:hover div.group-hover\:bg-dark-600 {
    background-color: #cbd5e1 !important;
}

[data-theme="light"] .fixed.bottom-0 a:hover div.text-gray-300,
[data-theme="light"] .fixed.bottom-0 a.group:hover div.group-hover\:text-white {
    color: var(--text-primary) !important;
}

/* Cart badge - keep red */
[data-theme="light"] .fixed.bottom-0 .bg-red-500 {
    background-color: #ef4444 !important;
    color: white !important;
    border-color: #ffffff !important;
}

/* Active state indicator bar */
[data-theme="light"] .fixed.bottom-0 a .bg-primary {
    background-color: #dd0e2c !important;
}

/* Active nav item icon container with primary bg */
[data-theme="light"] .fixed.bottom-0 a div.text-primary {
    color: #dd0e2c !important;
}

/* Active nav item label */
[data-theme="light"] .fixed.bottom-0 a span.text-primary {
    color: #dd0e2c !important;
}

/* Active cart button */
[data-theme="light"] .fixed.bottom-0 a div.bg-primary {
    background-color: #dd0e2c !important;
    border-color: #ffffff !important;
    color: white !important;
}

[data-theme="light"] .fixed.bottom-0 a div.bg-primary i {
    color: white !important;
}

/* ========== CUSTOM SCROLLBAR ========== */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}

/* ========== DROPDOWN ANIMATIONS ========== */
.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;
}

.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Category dropdown - proper hover without scroll issue */
.category-dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;
    pointer-events: none;
}

.category-item:hover .category-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Hide scrollbar but keep functionality */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Category nav should not show scrollbar on hover */
.category-nav-container {
    overflow: hidden;
}

/* Ensure buttons keep white text on hover */
a[style*="background-color: rgba(221, 14, 44)"],
a[style*="background-color: rgba(221, 14, 44)"]:hover,
a[style*="background-color: rgba(221, 14, 44)"]:focus,
a[style*="background-color: rgba(221, 14, 44)"]:active {
    color: white !important;
}