/* Wow Factor: Dark Mode & Glassmorphism */

/* Dark Theme Overrides */
body.dark-theme {
    --primary-color: #e5e5e5;
    --secondary-color: #d4d4d4;
    --accent-color: #fca311;
    --accent-hover: #ffb703;
    --text-color: #f8f9fa;
    --text-light: #ced4da;
    --light-gray: #1a1a1a;
    --lighter-gray: #141414;
    --white-color: #0a0a0a;
    --border-color: #2a2a2a;
    background-color: #050505;
}

/* Glassmorphism Header */
header {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

body.dark-theme header {
    background-color: rgba(10, 10, 10, 0.75) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Smooth Scroll Animations (Intersection Observer Targets) */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Hover Micro-animations */
.product-card, .category-card {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
}

.product-card:hover, .category-card:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

body.dark-theme .product-card:hover, 
body.dark-theme .category-card:hover {
    box-shadow: 0 15px 30px rgba(255, 255, 255, 0.05) !important;
    border-color: var(--border-color);
}

/* Dark mode specific fixes */
body.dark-theme .btn-outline-light {
    border-color: #333;
    color: #fff;
}
body.dark-theme .btn-outline-light:hover {
    background-color: #333;
}
body.dark-theme input, body.dark-theme select, body.dark-theme textarea {
    background-color: #1a1a1a;
    color: #fff;
    border-color: #333;
}
body.dark-theme .footer {
    background-color: #000;
    border-top: 1px solid #1a1a1a;
}