/* Dark Mode for Frontend */
body.dark-mode {
    background-color: #1a1a2e;
    color: #e6e6e6;
}

/* Global Typography & Resets */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode a:not(.btn):not(.common_btn) {
    color: #ffffff !important;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode li {
    color: #b0b0c0;
}

/* Force override standard text classes */
body.dark-mode .text-black,
body.dark-mode .text-dark,
body.dark-mode .text-body {
    color: #e6e6e6 !important;
}

body.dark-mode .text-muted {
    color: #9ca3af !important;
}

/* Main Navigation Menu */
body.dark-mode .main_menu {
    background-color: #16213e !important;
    border-bottom: 1px solid #2b2b40;
}

/* Navbar Links */
body.dark-mode .main_menu .navbar-nav .nav-item .nav-link {
    color: #e6e6e6 !important;
}

body.dark-mode .main_menu .navbar-nav .nav-item .nav-link:hover,
body.dark-mode .main_menu .navbar-nav .nav-item .nav-link.active {
    color: #e94560 !important;
    /* Accent color */
}

/* Dropdown Menus */
body.dark-mode .wsus__droap_menu {
    background-color: #1a1a2e !important;
    border: 1px solid #2b2b40;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}

body.dark-mode .wsus__droap_menu li a {
    color: #e6e6e6 !important;
    border-bottom: 1px solid #2b2b40;
}

body.dark-mode .wsus__droap_menu li a:hover {
    background-color: #16213e !important;
    color: #e94560 !important;
}

/* Mobile Menu & Toggler */
body.dark-mode .navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .navbar-toggler i {
    color: #ffffff !important;
}

/* Header Top Bar (if exists) */
body.dark-mode header {
    background-color: #1a1a2e !important;
}

body.dark-mode .wsus__header_left li a,
body.dark-mode .wsus__header_right li a {
    color: #e6e6e6 !important;
}

/* Buttons */
body.dark-mode .common_btn {
    background: #0f3460;
    color: #fff !important;
    box-shadow: none;
}

body.dark-mode .common_btn:hover {
    background: #533483;
}

/* Sections & Backgrounds */
body.dark-mode .wsus__features,
body.dark-mode .wsus__popular_categories,
body.dark-mode .wsus__offer_part,
body.dark-mode section {
    background-color: #1a1a2e !important;
}

/* Product Cards */
body.dark-mode .wsus__product_item {
    background-color: #16213e;
    border: 1px solid #2b2b40;
    box-shadow: none;
}

body.dark-mode .wsus__product_text h4 a {
    color: #ffffff !important;
}

body.dark-mode .wsus__product_text .price {
    color: #e94560 !important;
}

body.dark-mode .wsus__product_text .category {
    color: #9ca3af !important;
}

/* Footer */
body.dark-mode footer {
    background: #0f3460 !important;
    background-image: none !important;
    border-top: 1px solid #2b2b40;
}

body.dark-mode .wsus__subscribe {
    background-color: #16213e !important;
    background-image: none !important;
}

body.dark-mode .wsus__footer_content h4,
body.dark-mode .wsus__footer_counter h4,
body.dark-mode .wsus__footer_counter h5 {
    color: #ffffff !important;
}

body.dark-mode .wsus__footer_content ul li a {
    color: #b0b0c0 !important;
}

/* Form Inputs */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .form-control {
    background-color: #16213e !important;
    border-color: #2b2b40 !important;
    color: #ffffff !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
    color: #6c757d !important;
}

body.dark-mode .nice-select {
    background-color: #16213e;
    border-color: #2b2b40;
}

body.dark-mode .nice-select .current {
    color: #ffffff;
}

body.dark-mode .nice-select .list {
    background-color: #1a1a2e;
    border-color: #2b2b40;
}

body.dark-mode .nice-select .option {
    color: #e6e6e6;
}

body.dark-mode .nice-select .option:hover,
body.dark-mode .nice-select .option.selected {
    background-color: #16213e;
    color: #e94560;
}

/* Breadcrumb */
body.dark-mode .wsus__breadcumb {
    background: #16213e !important;
}

body.dark-mode .wsus__breadcumb_text h2 {
    color: #ffffff !important;
}

body.dark-mode .wsus__breadcumb_text ul li a {
    color: #e6e6e6;
}

/* Sidebar & Sticky Elements on Pages */
body.dark-mode .wsus__blog_sidebar,
body.dark-mode .wsus__checkout_sidebar {
    background-color: #16213e;
    border: 1px solid #2b2b40;
}

body.dark-mode .wsus__blog_search,
body.dark-mode .wsus__blog_category,
body.dark-mode .wsus__blog_post,
body.dark-mode .wsus__related_post {
    background-color: #16213e;
    border-color: #2b2b40;
}

/* Pagination */
body.dark-mode .page-link {
    background-color: #16213e;
    border-color: #2b2b40;
    color: #e6e6e6;
}

body.dark-mode .page-item.active .page-link {
    background-color: #e94560;
    border-color: #e94560;
    color: #fff;
}