/* Modern Dark Mode (Dark Blue Theme) */
body.dark-mode {
    background-color: #0f172a; /* Slate 900 */
    color: #e2e8f0; /* Slate 200 */
}

/* Background Overrides */
body.dark-mode .bg-light,
body.dark-mode .bg-white,
body.dark-mode .card,
body.dark-mode .navbar,
body.dark-mode .footer,
body.dark-mode .dropdown-menu {
    background-color: #1e293b !important; /* Slate 800 */
    color: #e2e8f0;
}

/* Text Colors */
body.dark-mode .text-dark,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #f1f5f9 !important; /* Slate 100 */
}

body.dark-mode .text-muted {
    color: #94a3b8 !important; /* Slate 400 */
}

/* Borders */
body.dark-mode .border,
body.dark-mode .border-top,
body.dark-mode .border-bottom,
body.dark-mode .dropdown-divider {
    border-color: #334155 !important; /* Slate 700 */
}

/* Forms */
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

body.dark-mode .form-control:focus {
    background-color: #0f172a;
    border-color: #0d6efd;
    color: #e2e8f0;
}

/* Buttons */
body.dark-mode .btn-light {
    background-color: #334155;
    border-color: #334155;
    color: #f1f5f9;
}

body.dark-mode .btn-outline-dark {
    color: #f1f5f9;
    border-color: #f1f5f9;
}

body.dark-mode .btn-outline-dark:hover {
    background-color: #f1f5f9;
    color: #0f172a;
}

/* Specific Component Fixes */
body.dark-mode .list-group-item {
    background-color: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

body.dark-mode .dropdown-item {
    color: #e2e8f0;
}

body.dark-mode .dropdown-item i {
    color: #e2e8f0 !important;
}

body.dark-mode .dropdown-item.text-danger {
    color: #f97373 !important;
}

body.dark-mode .dropdown-item:hover {
    background-color: #020617;
}

/* Story Fade Effects */
body.dark-mode .story-fade-left {
    background: linear-gradient(to right, rgba(30, 41, 59, 1) 0%, rgba(30, 41, 59, 0.5) 50%, rgba(30, 41, 59, 0) 100%);
}

body.dark-mode .story-fade-right {
    background: linear-gradient(to left, rgba(30, 41, 59, 1) 0%, rgba(30, 41, 59, 0.5) 50%, rgba(30, 41, 59, 0) 100%);
}

/* Story Components */
body.dark-mode .story-thumb {
    border-color: #334155 !important;
}

body.dark-mode .story-thumb.seen {
    border-color: #475569 !important;
}

body.dark-mode .swiper-button-next,
body.dark-mode .swiper-button-prev {
    color: #f1f5f9;
    background-color: rgba(30, 41, 59, 0.8);
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

body.dark-mode .swiper-button-next::after,
body.dark-mode .swiper-button-prev::after {
    font-size: 14px;
}

/* Product Card Image Background */
body.dark-mode .card-img-wrapper {
    background-color: #0f172a !important; /* Darker than card background */
}

/* Product Detail Image Container */
body.dark-mode .product-image-container {
    background-color: #0f172a !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

/* Campaign Page Dark Mode */
body.dark-mode .campaign-hero {
    background-color: #1e293b;
}

body.dark-mode .campaign-product-card {
    background: #1e293b;
    border: 1px solid #334155;
}

body.dark-mode .cp-img-wrapper {
    background: #0f172a;
}

body.dark-mode .cp-title {
    color: #f1f5f9;
}

body.dark-mode .mini-timer {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
}

body.dark-mode .timer-block {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .top-bar,
body.dark-mode .main-header,
body.dark-mode .main-menu {
    background-color: #111827;
}

body.dark-mode .main-menu {
    border-bottom-color: #1f2937;
}

body.dark-mode .menu-link {
    color: #e5e7eb;
}

body.dark-mode .menu-link:hover,
body.dark-mode .menu-link.active {
    color: var(--primary-color);
}

body.dark-mode .menu-special-btn {
    background-color: #020617;
    border-color: #334155;
    color: #e5e7eb;
}

body.dark-mode .product-card {
    background-color: #1e293b;
    border-color: #334155;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

body.dark-mode .btn-add-cart {
    background-color: #020617;
    color: #e5e7eb;
}

body.dark-mode img[loading="lazy"] {
    background-color: #1e293b;
}

body.dark-mode footer {
    background-color: #111827;
    border-top-color: #1f2937;
}

body.dark-mode .footer-title {
    color: #e5e7eb;
}

body.dark-mode .footer-links a {
    color: #94a3b8;
}

body.dark-mode .footer-links a:hover {
    color: var(--primary-color);
}

body.dark-mode .responsive-logo {
    filter: brightness(0) invert(1);
}

body.dark-mode .home-features-section {
    background-color: #0f172a;
    border-top-color: #1f2937;
}

body.dark-mode .home-feature-card {
    background-color: #1f2937 !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.8);
}

body.dark-mode .home-feature-icon {
    background-color: #020617;
    color: #ff4100;
}