/* Dark Mode Styles - Ultra Modern Dark Theme */
body.dark-mode {
    background: #0a0e27;
    color: #e2e8f0;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(102, 126, 234, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(118, 75, 162, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(236, 72, 153, 0.1) 0%, transparent 70%);
}

body.dark-mode::before {
    background: 
        radial-gradient(circle at 10% 20%, rgba(102, 126, 234, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(118, 75, 162, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(236, 72, 153, 0.15) 0%, transparent 70%);
}

body.dark-mode .navbar {
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(30px) saturate(180%);
    border-bottom: 1px solid rgba(102, 126, 234, 0.3);
}

body.dark-mode .navbar:hover {
    background: rgba(15, 23, 42, 0.95);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
}

body.dark-mode .nav-menu a {
    color: #cbd5e1;
}

body.dark-mode .nav-menu a:hover {
    color: #818cf8;
    background: rgba(102, 126, 234, 0.25);
}

body.dark-mode .product-card,
body.dark-mode .cart-item,
body.dark-mode .order-card,
body.dark-mode .auth-container,
body.dark-mode .checkout-form,
body.dark-mode .checkout-form > div:first-child,
body.dark-mode .checkout-form > div:last-child,
body.dark-mode .stat-card,
body.dark-mode .admin-table,
body.dark-mode .cart-summary,
body.dark-mode .feature-item {
    background: #1e293b;
    border-color: rgba(102, 126, 234, 0.3);
    color: #e2e8f0;
}

body.dark-mode .product-card:hover,
body.dark-mode .cart-item:hover,
body.dark-mode .order-card:hover,
body.dark-mode .stat-card:hover,
body.dark-mode .feature-item:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(102, 126, 234, 0.4);
    border-color: rgba(102, 126, 234, 0.5);
}

body.dark-mode .product-info h3,
body.dark-mode .product-info-details h1,
body.dark-mode .page-header h1 {
    color: #f1f5f9;
}

body.dark-mode .auth-form input,
body.dark-mode .auth-form select,
body.dark-mode .search-form input,
body.dark-mode .add-product-form input,
body.dark-mode .add-product-form textarea,
body.dark-mode .add-product-form select,
body.dark-mode .add-promo-form input,
body.dark-mode .add-promo-form select,
body.dark-mode .checkout-form select,
body.dark-mode .checkout-form input[type="text"] {
    background: #0f172a;
    border-color: rgba(102, 126, 234, 0.4);
    color: #e2e8f0;
}

body.dark-mode .auth-form input:focus,
body.dark-mode .auth-form select:focus,
body.dark-mode .search-form input:focus,
body.dark-mode .checkout-form select:focus,
body.dark-mode .checkout-form input[type="text"]:focus {
    border-color: #818cf8;
    box-shadow: 0 0 0 5px rgba(102, 126, 234, 0.25);
}

body.dark-mode .footer {
    background: linear-gradient(135deg, #020617 0%, #0f172a 100%);
    border-top: 1px solid rgba(102, 126, 234, 0.3);
}

body.dark-mode .footer-section a {
    color: rgba(226, 232, 240, 0.75);
}

body.dark-mode .footer-section a:hover {
    color: #818cf8;
}

body.dark-mode .summary-row,
body.dark-mode .order-header,
body.dark-mode .order-summary-checkout,
body.dark-mode .summary-item {
    border-color: rgba(102, 126, 234, 0.3);
}

body.dark-mode .admin-table th {
    background: #0f172a;
    color: #cbd5e1;
}

body.dark-mode .admin-table tr:hover {
    background: #0f172a;
}

body.dark-mode .category-filter a {
    background: #1e293b;
    border-color: rgba(102, 126, 234, 0.4);
    color: #cbd5e1;
}

body.dark-mode .category-filter a.active,
body.dark-mode .category-filter a:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: transparent;
    color: white;
}

body.dark-mode .theme-toggle {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.5);
}

body.dark-mode .features {
    background: #0f172a;
}

body.dark-mode .add-product-form,
body.dark-mode .add-promo-form {
    background: #0f172a;
    border-color: rgba(102, 126, 234, 0.4);
}

body.dark-mode .product-category,
body.dark-mode .text-light,
body.dark-mode .no-products {
    color: #94a3b8;
}

body.dark-mode .alert-error {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.4);
}

body.dark-mode .tab-btn {
    color: #94a3b8;
}

body.dark-mode .tab-btn.active {
    color: #818cf8;
}

body.dark-mode .tab-btn:hover {
    color: #818cf8;
    background: rgba(102, 126, 234, 0.15);
}

body.dark-mode .auth-divider span {
    background: rgba(30, 41, 59, 0.95);
}

body.dark-mode .auth-divider::before {
    background: rgba(102, 126, 234, 0.3);
}

body.dark-mode .auth-container {
    background: rgba(30, 41, 59, 0.95);
    border-color: rgba(102, 126, 234, 0.4);
}

body.dark-mode .empty-cart i {
    opacity: 0.6;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #0f172a;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #818cf8 0%, #8b5cf6 100%);
}

body.dark-mode .checkout-form::before {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

body.dark-mode .contact-card,
body.dark-mode .contact-form-wrapper {
    background: rgba(30, 41, 59, 0.92);
    border-color: rgba(148, 163, 184, 0.25);
}

body.dark-mode .contact-guidelines li {
    background: rgba(51, 65, 85, 0.6);
}

body.dark-mode .contact-form input,
body.dark-mode .contact-form textarea,
body.dark-mode .contact-form select {
    background: rgba(15, 23, 42, 0.8);
    border-color: rgba(148, 163, 184, 0.3);
    color: #e2e8f0;
}

body.dark-mode .contact-link.whatsapp {
    background: rgba(22, 101, 52, 0.25);
    border-color: rgba(74, 222, 128, 0.25);
    color: #86efac;
}

body.dark-mode .contact-link.email {
    background: rgba(30, 64, 175, 0.25);
    border-color: rgba(147, 197, 253, 0.25);
    color: #93c5fd;
}