/* Dark Mode Styles - Deep Aurora Theme */
body.dark-mode {
    --dm-bg: #070b16;
    --dm-bg-soft: #0f172b;
    --dm-surface: rgba(15, 23, 43, 0.82);
    --dm-surface-solid: #131d35;
    --dm-border: rgba(129, 174, 255, 0.26);
    --dm-border-strong: rgba(129, 174, 255, 0.42);
    --dm-text: #e8eefc;
    --dm-text-muted: #99abc9;
    --dm-accent: #86a8ff;
    --dm-accent-2: #7ce8ff;
    --dm-shadow: 0 18px 45px rgba(2, 8, 23, 0.5);

    background-color: var(--dm-bg);
    color: var(--dm-text);
    background-image:
        radial-gradient(circle at 12% 8%, rgba(124, 232, 255, 0.14) 0%, transparent 40%),
        radial-gradient(circle at 88% 18%, rgba(134, 168, 255, 0.17) 0%, transparent 42%),
        radial-gradient(circle at 50% 86%, rgba(167, 139, 250, 0.12) 0%, transparent 47%),
        linear-gradient(145deg, #070b16 0%, #0b1224 52%, #101a33 100%);
}

body.dark-mode::before {
    background:
        radial-gradient(circle at 16% 16%, rgba(124, 232, 255, 0.2) 0%, transparent 35%),
        radial-gradient(circle at 86% 22%, rgba(129, 174, 255, 0.2) 0%, transparent 38%),
        radial-gradient(circle at 55% 80%, rgba(167, 139, 250, 0.14) 0%, transparent 45%);
}

body.dark-mode .navbar {
    background: rgba(11, 18, 36, 0.84);
    backdrop-filter: blur(30px) saturate(180%);
    border-bottom: 1px solid var(--dm-border);
}

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

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

body.dark-mode .nav-menu a:hover {
    color: #c7f4ff;
    background: rgba(124, 232, 255, 0.14);
}

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: var(--dm-surface);
    border-color: var(--dm-border);
    color: var(--dm-text);
    box-shadow: var(--dm-shadow);
}

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 24px 52px rgba(2, 8, 23, 0.62), 0 0 30px rgba(124, 232, 255, 0.22);
    border-color: var(--dm-border-strong);
}

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

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: rgba(8, 14, 30, 0.8);
    border-color: rgba(125, 170, 255, 0.36);
    color: #e7efff;
}

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: var(--dm-accent-2);
    box-shadow: 0 0 0 5px rgba(124, 232, 255, 0.18);
}

body.dark-mode .footer {
    background: linear-gradient(135deg, #040815 0%, #0a1327 55%, #101b35 100%);
    border-top: 1px solid var(--dm-border);
}

body.dark-mode .footer-section a {
    color: rgba(223, 235, 255, 0.8);
}

body.dark-mode .footer-section a:hover {
    color: #9eecff;
}

body.dark-mode .summary-row,
body.dark-mode .order-header,
body.dark-mode .order-summary-checkout,
body.dark-mode .summary-item {
    border-color: var(--dm-border);
}

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

body.dark-mode .admin-table tr:hover {
    background: #101b35;
}

body.dark-mode .category-filter a {
    background: rgba(17, 29, 54, 0.88);
    border-color: var(--dm-border);
    color: #d6e3fb;
}

body.dark-mode .category-filter a.active,
body.dark-mode .category-filter a:hover {
    background: linear-gradient(135deg, #6d8fff 0%, #4fc7ff 100%);
    border-color: transparent;
    color: #041024;
}

body.dark-mode .theme-toggle {
    background: linear-gradient(135deg, #7aa6ff 0%, #66dbff 100%);
    box-shadow: 0 10px 25px rgba(102, 219, 255, 0.45);
}

body.dark-mode .features {
    background: rgba(9, 15, 31, 0.82);
}

body.dark-mode .add-product-form,
body.dark-mode .add-promo-form {
    background: var(--dm-surface-solid);
    border-color: var(--dm-border);
}

body.dark-mode .product-category,
body.dark-mode .text-light,
body.dark-mode .no-products {
    color: var(--dm-text-muted);
}

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: var(--dm-text-muted);
}

body.dark-mode .tab-btn.active {
    color: var(--dm-accent-2);
}

body.dark-mode .tab-btn:hover {
    color: var(--dm-accent-2);
    background: rgba(124, 232, 255, 0.12);
}

body.dark-mode .auth-divider span {
    background: rgba(19, 31, 57, 0.96);
}

body.dark-mode .auth-divider::before {
    background: var(--dm-border);
}

body.dark-mode .auth-container {
    background: rgba(19, 31, 57, 0.92);
    border-color: var(--dm-border);
}

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

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

body.dark-mode ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #7aa6ff 0%, #64dcff 100%);
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #9ab9ff 0%, #87e9ff 100%);
}

body.dark-mode .checkout-form::before {
    background: linear-gradient(135deg, #7aa6ff 0%, #5dcfff 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;
}