/*
 * Shau Brands — Dark Mode
 * Applied when body has class "dark-mode"
 * Brand colors: Gold #D4AF37, Black/Dark backgrounds
 */

/* ============================
   BASE OVERRIDES
   ============================ */
body.dark-mode {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* ============================
   HEADER / NAVBAR
   ============================ */
body.dark-mode .header-area,
body.dark-mode .header-transparent,
body.dark-mode .header-sticky.sticky,
body.dark-mode .main-menu {
    background: #111 !important;
}

body.dark-mode .nav-menu li a,
body.dark-mode .main-menu ul li a,
body.dark-mode .header-left-icon > a,
body.dark-mode .header-left-icon .user-icon-trigger,
body.dark-mode .shop-cart a,
body.dark-mode .shop-cart a h6,
body.dark-mode .shop-cart a .cart-price {
    color: #e0e0e0 !important;
}

body.dark-mode .nav-menu li a:hover,
body.dark-mode .main-menu ul li a:hover,
body.dark-mode .header-left-icon > a:hover,
body.dark-mode .header-left-icon .user-icon-trigger:hover,
body.dark-mode .shop-cart a:hover {
    color: #D4AF37 !important;
}

body.dark-mode .header-left-icon .basic-bar a span {
    background-color: #e0e0e0 !important;
}

body.dark-mode .header-features {
    background: #111 !important;
    border-bottom: 1px solid #333 !important;
}

/* ============================
   DROPDOWNS & MENUS
   ============================ */
body.dark-mode .user-dropdown-menu,
body.dark-mode .sub-menu,
body.dark-mode .submenu {
    background: #222 !important;
    border-color: #333 !important;
}

body.dark-mode .user-dropdown-menu a,
body.dark-mode .user-dropdown-menu a i,
body.dark-mode .user-dropdown-menu button,
body.dark-mode .user-dropdown-menu button i,
body.dark-mode .sub-menu li a,
body.dark-mode .submenu li a {
    color: #ccc !important;
}

body.dark-mode .user-dropdown-menu a:hover,
body.dark-mode .user-dropdown-menu button:hover,
body.dark-mode .sub-menu li a:hover,
body.dark-mode .submenu li a:hover {
    background: #333 !important;
    color: #D4AF37 !important;
}

/* ============================
   BREADCRUMB
   ============================ */
body.dark-mode .breadcrumb-bg,
body.dark-mode .shop-breadcrumb {
    background: #222 !important;
    border-color: #333 !important;
}

body.dark-mode .shop-breadcrumb ol li {
    color: #999 !important;
}

/* ============================
   SHOP PAGE
   ============================ */
body.dark-mode .shop-page {
    background: #1a1a1a !important;
}

/* Sidebar */
body.dark-mode .sidebar-block,
body.dark-mode .shop-sort-bar {
    background: #222 !important;
    border-color: #333 !important;
}

body.dark-mode .sidebar-block-title {
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode .cat-list li a {
    color: #ccc !important;
}

body.dark-mode .cat-list li a:hover {
    background: #2a2a2a !important;
    color: #D4AF37 !important;
}

body.dark-mode .cat-list li a.active {
    background: #2a2517 !important;
    color: #D4AF37 !important;
    border-right-color: #D4AF37 !important;
}

body.dark-mode .price-inputs input {
    background: #333 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .sort-controls select {
    background: #333 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .shop-sort-bar .result-count {
    color: #999 !important;
}

body.dark-mode .shop-sort-bar .result-count strong {
    color: #e0e0e0 !important;
}

/* ============================
   PRODUCT CARDS
   ============================ */
body.dark-mode .p-card {
    background: #222 !important;
}

body.dark-mode .p-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
}

body.dark-mode .p-card-name a {
    color: #ddd !important;
}

body.dark-mode .p-card-name a:hover {
    color: #D4AF37 !important;
}

body.dark-mode .p-card-price .current-price {
    color: #fff !important;
}

body.dark-mode .p-card-price .old-price {
    color: #777 !important;
}

body.dark-mode .p-card-actions .add-cart-btn {
    background: #D4AF37 !important;
    color: #111 !important;
}

body.dark-mode .p-card-actions .add-cart-btn:hover {
    background: #e8c346 !important;
}

body.dark-mode .p-card .wishlist-btn {
    background: rgba(34,34,34,0.9) !important;
    color: #ccc !important;
}

body.dark-mode .p-card .wishlist-btn:hover {
    color: #e74c3c !important;
}

/* ============================
   GENERAL CARDS & CONTENT
   ============================ */
body.dark-mode .card {
    background: #222 !important;
    border-color: #333 !important;
}

body.dark-mode .card-header {
    background: #2a2a2a !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .card-body {
    color: #ccc !important;
}

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: #e0e0e0 !important;
}

body.dark-mode p {
    color: #bbb !important;
}

body.dark-mode a {
    color: #D4AF37;
}

body.dark-mode a:hover {
    color: #e8c346;
}

/* ============================
   FORMS
   ============================ */
body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode input[type="number"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="url"],
body.dark-mode input[type="search"],
body.dark-mode textarea,
body.dark-mode select {
    background: #333 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 0.2rem rgba(212,175,55,0.25) !important;
}

body.dark-mode .form-control::placeholder {
    color: #777 !important;
}

body.dark-mode .form-label {
    color: #ccc !important;
}

body.dark-mode .form-check-label {
    color: #ccc !important;
}

/* ============================
   BUTTONS
   ============================ */
body.dark-mode .btn-primary {
    background: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #111 !important;
}

body.dark-mode .btn-primary:hover {
    background: #c9a030 !important;
    border-color: #c9a030 !important;
}

body.dark-mode .btn-outline-secondary {
    border-color: #555 !important;
    color: #ccc !important;
}

body.dark-mode .btn-outline-secondary:hover {
    background: #333 !important;
    color: #fff !important;
}

/* ============================
   TABLES
   ============================ */
body.dark-mode .table {
    color: #ccc !important;
}

body.dark-mode .table-light {
    background: #2a2a2a !important;
}

body.dark-mode .table-light th {
    color: #ccc !important;
    background: #2a2a2a !important;
}

body.dark-mode .table td,
body.dark-mode .table th {
    border-color: #333 !important;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: #2a2a2a !important;
}

/* ============================
   PAGINATION
   ============================ */
body.dark-mode .shop-pagination .pagination li a,
body.dark-mode .shop-pagination .pagination li span,
body.dark-mode .pagination li a,
body.dark-mode .pagination li span {
    background: #222 !important;
    border-color: #333 !important;
    color: #ccc !important;
}

body.dark-mode .shop-pagination .pagination li a:hover,
body.dark-mode .pagination li a:hover {
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}

body.dark-mode .shop-pagination .pagination li.active span,
body.dark-mode .pagination li.active span {
    background: #D4AF37 !important;
    border-color: #D4AF37 !important;
    color: #111 !important;
}

/* ============================
   FILTER TAGS
   ============================ */
body.dark-mode .filter-tag {
    background: #333 !important;
    border-color: #444 !important;
    color: #ccc !important;
}

body.dark-mode .mobile-filter-btn {
    background: #D4AF37 !important;
    color: #111 !important;
}

/* ============================
   PRODUCT DETAIL PAGE
   ============================ */
body.dark-mode .product-details-text h2,
body.dark-mode .product-details-text h3 {
    color: #e0e0e0 !important;
}

body.dark-mode .product-details-text .pro-d-title span,
body.dark-mode .product-details-text .product-price span {
    color: #D4AF37 !important;
}

body.dark-mode .product-details-text p {
    color: #bbb !important;
}

body.dark-mode .pro-details-tab-nav a {
    background: #222 !important;
    color: #ccc !important;
    border-color: #333 !important;
}

body.dark-mode .pro-details-tab-nav a.active {
    background: #D4AF37 !important;
    color: #111 !important;
}

/* ============================
   FOOTER
   ============================ */
body.dark-mode .footer-area,
body.dark-mode footer {
    background: #111 !important;
}

body.dark-mode .footer-area h4,
body.dark-mode .footer-area h5 {
    color: #D4AF37 !important;
}

body.dark-mode .footer-area p,
body.dark-mode .footer-area a,
body.dark-mode .footer-area li {
    color: #999 !important;
}

body.dark-mode .footer-area a:hover {
    color: #D4AF37 !important;
}

/* ============================
   MODAL
   ============================ */
body.dark-mode .modal-content {
    background: #222 !important;
    border-color: #333 !important;
}

body.dark-mode .modal-header {
    border-color: #333 !important;
}

body.dark-mode .modal-footer {
    border-color: #333 !important;
}

body.dark-mode .modal-title {
    color: #e0e0e0 !important;
}

body.dark-mode .btn-close {
    filter: invert(1);
}

/* ============================
   SIDEBAR (mobile menu)
   ============================ */
body.dark-mode .slide-bar {
    background: #1a1a1a !important;
}

body.dark-mode .side-mobile-menu ul li a {
    color: #ccc !important;
    border-color: #333 !important;
}

body.dark-mode .side-mobile-menu ul li a:hover {
    color: #D4AF37 !important;
}

/* ============================
   MISC
   ============================ */
body.dark-mode .text-muted {
    color: #888 !important;
}

body.dark-mode hr {
    border-color: #333 !important;
}

body.dark-mode .alert-success {
    background: #1a3d1a !important;
    border-color: #2a5d2a !important;
    color: #8fc98f !important;
}

body.dark-mode .alert-danger {
    background: #3d1a1a !important;
    border-color: #5d2a2a !important;
    color: #e88 !important;
}

body.dark-mode .shop-empty {
    background: #222 !important;
}

body.dark-mode .shop-empty h4 {
    color: #ccc !important;
}

body.dark-mode .shop-empty p {
    color: #888 !important;
}

/* ============================
   DARK MODE TOGGLE BUTTON
   ============================ */
.dark-mode-toggle {
    cursor: pointer;
    font-size: 18px;
    color: #D4AF37;
    background: none;
    border: none;
    padding: 4px 8px;
    transition: color 0.3s, transform 0.3s;
    position: relative;
    line-height: 1;
    outline: none;
}

.dark-mode-toggle:hover {
    color: #f0d060;
    transform: scale(1.15);
}

.dark-mode-toggle:focus {
    outline: none;
}

body.dark-mode .dark-mode-toggle {
    color: #D4AF37;
}

/* Sun/moon icon swap — hide sun by default, show moon */
.dark-mode-toggle .fa-sun { display: none !important; }
.dark-mode-toggle .fa-moon { display: inline-block !important; }
/* When dark mode is active, show sun, hide moon */
body.dark-mode .dark-mode-toggle .fa-sun { display: inline-block !important; }
body.dark-mode .dark-mode-toggle .fa-moon { display: none !important; }