/* Dark Mode Base Styles */
body.dark-mode {
    background-color: #1e1e1e  !important;
    color: #e0e0e0 !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Toggle Button Style */
#theme-toggle-btn {
    position: absolute;
    right: 300px;
    z-index: 10000;
    background-color: #333;
    color: #ffeb3b;
    /* bright yellow for sun/moon */
    border: 2px solid #555;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 24px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

@media (max-width: 991px) {
    #theme-toggle-btn {
        right: 5px;
        width: 26px;
        height: 26px;
    }
}

#theme-toggle-btn:hover {
    transform: scale(1.1);
    background-color: #444;
}

/* Invert button colors in dark mode */
body.dark-mode #theme-toggle-btn {
    background-color: #f0f0f0;
    color: #333;
    border-color: #ccc;
}

/* Header & Navigation Overrides */
body.dark-mode .cb-header,
body.dark-mode .cb-main-nav,
body.dark-mode .main_header,
body.dark-mode header,
body.dark-mode .nav-menu,
body.dark-mode main {
    background-color: #1e1e1e !important;
    border-color: #1e1e1e  !important;
}

body.dark-mode .cb-logo,
body.dark-mode .nav-link,
body.dark-mode .main-menu ul li a,
body.dark-mode a {
    color: #e0e0e0 !important;
}

/* Dropdowns */
body.dark-mode .dropdown-menu,
body.dark-mode .cb-main-nav .dropdown-menu {
    background-color: #252525 !important;
    border-color: #444 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .dropdown-item,
body.dark-mode .cb-mega-col a {
    color: #ccc !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .cb-mega-col a:hover {
    background-color: #333 !important;
    color: #fff !important;
}

/* Cards & Sections */
body.dark-mode .card,
body.dark-mode .product-card,
body.dark-mode .category-card,
body.dark-mode .box-fill-white,
body.dark-mode .review-card,
body.dark-mode .bg-white {
    background : #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode .exclusive-section {
    background: #1e1e1e !important;
}

body.dark-mode .exclusive-section h6 {
    color: #fff !important;
}

body.dark-mode .exclusive-section strong {
    color: var(--white) !important;
}

/* Inputs & Forms */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .form-control {
    background-color: #2c2c2c !important;
    border-color: #444 !important;
    color: #fff !important;
}

body.dark-mode input::placeholder {
    color: #888;
}

/* Search Results */
body.dark-mode .search-results {
    background-color: #252525 !important;
    border-color: #444 !important;
}

body.dark-mode .search-item:hover {
    background-color: #333 !important;
}

body.dark-mode .search-item h5 {
    color: #fff !important;
}

/* Footer */
body.dark-mode footer,
body.dark-mode .footer-area {
    background-color: #1a1a1a !important;
    color: #ccc !important;
    border-top: 1px solid #333;
}

body.dark-mode footer h3,
body.dark-mode footer h4,
body.dark-mode footer a {
    color: #e0e0e0 !important;
}

/* Text Colors */
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 p,
body.dark-mode span,
body.dark-mode .mobile_dark,
body.dark-mode em,
body.dark-mode i {
    color: var(--white) !important;
}

/* Text Colors */
body.dark-mode .project-main h1,
body.dark-mode .project-main h2,
body.dark-mode .project-main h3,
body.dark-mode .project-main h4,
body.dark-mode .project-main h5,
body.dark-mode .project-main h6,

body.dark-mode  .info-bar-label,
body.dark-mode  .info-bar-value,

body.dark-mode .project-main p,
body.dark-mode .project-main span,
body.dark-mode .mobile_dark,
body.dark-mode .project-main em,
body.dark-mode .project-main i {
    color: #1e1e1e !important;
}

body.dark-mode .category-title-wrapper h3{
    color: #ffd700 !important;
}

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

body.dark-mode .blog-post {
    background: #1e1e1e !important;
}

/* --- Homepage Specific Overrides --- */

/* Top Header */
body.dark-mode .container-fluid a,
body.dark-mode .container-fluid a span,
body.dark-mode .container-fluid a i {
    color: #e0e0e0 !important;
}

/* Weekly Selection Widget */
body.dark-mode .weekly-selection-widget {
    background-color: #1e1e1e !important;
}

body.dark-mode .style_btn {
    background-color: #333 !important;
    color: #ffd700 !important;
    /* Gold/Yellow text for contrast */
    border: 1px solid #555;
}

/* ftter*/
body.dark-mode footer li a {
    color:  --white !important;
}

/* Category & Product Cards */
body.dark-mode .category-card,
body.dark-mode .porcelain-counter-card,
body.dark-mode .product {
    background-color: var(--grey-600) !important;
    border-color: #444 !important;
}

body.dark-mode .category-card p,
body.dark-mode .category-card span,
body.dark-mode .product-title span {
    color: #fff !important;
}

/* Buttons */
body.dark-mode .btn_shop {
    background-color: #e0e0e0 !important;
    color: --white !important;
}


body.dark-mode .btn_shop a {
    color: #ffd700 !important;
}

body.dark-mode .btn_shop .dark_btn {
    color: #1e1e1e !important;
}

/* Stickers */
body.dark-mode .sticker,
body.dark-mode .sticker2 {
    box-shadow: 0 2px 6px rgba(255, 255, 255, 0.1) !important;
}

/* Inventions Title */
body.dark-mode h3[style*="background-color: #ffe869"] {
    background-color: #444 !important;
    color: #ffd700 !important;
    /* Yellow text */
    border: 1px solid #555;
}


body.dark-mode footer li a{
    color: --white !important;
}

body.dark-mode .button.hollow{
    background-color: var(--black) !important;
}

body.dark-mode .furniture-section{
    background: var(--black) !important;
}

body.dark-mode .category-chips a {
   color: black !important; 
}
body.dark-mode .category-title-wrapper h1 {
       color: black !important; 
}
body.dark-mode .product-image-wrapper {
       background: var(--bs-secondary-color) !important; 
}
body.dark-mode .category-badge{
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 6px 14px rgba(0,0,0,0.2);
    background: linear-gradient(135deg, #2e8b57, #a8e6a3);
    color: #fff;
}

body.dark-mode .product-card a {
    color: black !important; 
}

body.dark-mode .category-chips > a:first-of-type {
    color: var(--swal2-background) !important;
}

body.dark-mode .offcanvas {
    background-color: black !important;
}

body.dark-mode .cb-mobile .list-group-item {
    background-color: black !important;
}

body.dark-mode .product-card a {
   color: white !important;
}

body.dark-mode .filter-card  {
   background: rgba(0, 0, 0, 0.3);
}

body.dark-mode .filter-section  {
   background: var(--primary-dark) !important;
}

body.dark-mode .design-filter a {
   color: var(--primary-gold) !important;
}

body.dark-mode .results-count strong{
   color: var(--swal2-deny-button-color) !important;
}

body.dark-mode .cb-page-title-section {
   background: var(--cb-primary) !important;
}

body.dark-mode .cb-shop-section {
   background: var(--cb-primary) !important;
}

body.dark-mode .cb-product-card{
   background: var(--cb-primary) !important;
}

body.dark-mode .cb-description-section{
   background: var(--cb-primary) !important;
}

body.dark-mode .cb-filter-card {
   background: var(--cb-gray) !important;
}

body.dark-mode .feat {
  background-color: var(--bs-body-color);
}

body.dark-mode .tabs-content {
  background-color: var(--bs-gray-700);
}