/* ================================================================== */
/*                      DARK THEME OVERRIDES                        */
/* ================================================================== */

body.dark-mode {
    /* Main Colors */
    --bg-primary: #121212;       /* General background */
    --bg-secondary: #1e1e1e;     /* Cards, Modals, Footer */
    --bg-tertiary: #2a2a2a;      /* Hovers, some backgrounds */
    --text-primary: #e0e0e0;     /* Main text */
    --text-secondary: #aaaaaa;   /* Subtitles, placeholders */
    --border-primary: #333333;   /* Main borders */
    --border-secondary: #444444; /* Secondary borders */
    --shadow-color: rgba(0, 0, 0, 0.3);
    --shadow-color-hover: rgba(0, 0, 0, 0.4);

    /* Header & Accent */
    --bg-header: #9a1010;
    --bg-header-dark: #800c0c;
    --text-on-primary: #ffffff;
    --text-accent: #ff5252;
    --border-accent: #ff5252;
    --shadow-color-accent: rgba(255, 82, 82, 0.4);

    /* Links & Misc */
    --link-color: #82b1ff;
    --link-hover-color: #bbdefb;
    --star-inactive-color: #424242;
}

/* General Body */
body.dark-mode {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* --- Header & Navigation --- */
body.dark-mode .header { background-color: var(--bg-header); box-shadow: 0 2px 4px var(--shadow-color); }

/* No dark theme, o campo de busca deve ser transparente para usar o fundo do seu contêiner (.search-box) e o texto deve ser escuro para ser legível. */
body.dark-mode .search-input {
    background-color: transparent !important; /* Remove o fundo do input */
    color: #333 !important; /* Garante que o texto digitado seja escuro e legível */
}

/* Ajuste para o placeholder do search-input */
body.dark-mode .search-input::placeholder {
    color: #757575 !important; /* Cor mais suave para o placeholder */
}

body.dark-mode .dropdown-content-p { background-color: var(--bg-header-dark); box-shadow: 0 8px 16px var(--shadow-color); }
body.dark-mode .dropdown-content-p a:hover { background-color: var(--bg-header); }
body.dark-mode .menu { background-color: var(--bg-header); }
body.dark-mode .dropdown-content-c { background-color: var(--bg-header-dark); box-shadow: 0 8px 16px var(--shadow-color); }
body.dark-mode .dropdown-content-c a:hover { background-color: var(--bg-header); }

/* --- Cards, Sections, Backgrounds --- */
body.dark-mode .daily-deal-container,
body.dark-mode .produtos_em_oferta,
body.dark-mode .oferta-card,
body.dark-mode .daily-deal-product,
body.dark-mode .category-card,
body.dark-mode .product-main-info,
body.dark-mode .product-description-block,
body.dark-mode .carrinho-vazio,
body.dark-mode .login-prompt,
body.dark-mode .compra-card,
body.dark-mode .config-container,
body.dark-mode .footer-container,
body.dark-mode .admin-main .admin-card {
    background-color: var(--bg-secondary);
    box-shadow: 0 4px 12px var(--shadow-color);
}
body.dark-mode .daily-deal-container { border-color: var(--border-accent); }
body.dark-mode .daily-deal-container:hover { box-shadow: 0 8px 25px var(--shadow-color-accent); }
body.dark-mode .oferta-card:hover { box-shadow: 0 8px 20px var(--shadow-color-hover); }
body.dark-mode .category-card:hover { background-color: var(--bg-tertiary); }
body.dark-mode .daily-deal-container h2 { color: var(--text-accent); }

/* --- Modals --- */
body.dark-mode .checkout-content, 
body.dark-mode .modal-content, 
body.dark-mode .modal-content-config {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}
body.dark-mode .close-checkout-btn, body.dark-mode .close-btn, body.dark-mode .close-btn-config { color: var(--text-secondary); }
body.dark-mode .close-checkout-btn:hover, body.dark-mode .close-btn:hover, body.dark-mode .close-btn-config:hover { color: var(--text-primary); }

/* --- Forms & Inputs (General) --- */
/* Remove a regra geral que afeta o search-input */
body.dark-mode input:not(.search-input),
body.dark-mode textarea,
body.dark-mode select {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-secondary) !important;
}

body.dark-mode #login-modal button { background-color: var(--bg-header); color: var(--text-on-primary); }

/* --- Cart --- */
body.dark-mode .carrinho-item { background-color: var(--bg-secondary); border-bottom-color: var(--border-primary); }
body.dark-mode .carrinho-item:not(.selected) { background-color: var(--bg-tertiary); }
body.dark-mode .carrinho-item-nome a { color: var(--text-primary); }
body.dark-mode .remove-from-cart-btn { color: var(--text-secondary); }
body.dark-mode .carrinho-resumo { background-color: var(--bg-secondary); }
body.dark-mode .carrinho-resumo h2, body.dark-mode .resumo-total { border-color: var(--border-primary); }

/* --- Configurações Page --- */
body.dark-mode .config-container h1 { background-color: var(--bg-tertiary); border-bottom-color: var(--border-primary); }
body.dark-mode .config-nav { background-color: var(--bg-tertiary); border-right-color: var(--border-primary); }
body.dark-mode .config-nav a { color: var(--text-secondary); }
body.dark-mode .config-nav a .fas { color: var(--text-secondary); }
body.dark-mode .config-nav a:hover { background-color: var(--border-primary); color: var(--link-hover-color); }
body.dark-mode .config-nav a:hover .fas { color: var(--link-hover-color); }
body.dark-mode .config-nav a.active { background-color: var(--bg-secondary); color: var(--link-color); border-left-color: var(--link-color); }
body.dark-mode .config-nav a.active .fas { color: var(--link-color); }
body.dark-mode .config-content { background-color: var(--bg-secondary); } /* ADICIONADO */
body.dark-mode .tab-content h2 { border-bottom-color: var(--border-primary); }

/* --- Footer --- */
body.dark-mode .footer-container, body.dark-mode .footer-bottom { border-top-color: var(--border-primary); }

/* --- Text & Links --- */
body.dark-mode .oferta-info .preco_antigo, body.dark-mode .product-price .preco_antigo { color: var(--text-secondary); }
body.dark-mode .oferta-info .preco, body.dark-mode .product-price .preco { color: var(--text-accent); }
body.dark-mode .review-login-prompt a { color: var(--link-color); }

/* --- Misc --- */
body.dark-mode .compra-header, body.dark-mode .compra-footer { background-color: var(--bg-tertiary); border-color: var(--border-primary); }
body.dark-mode .compra-item { border-bottom-color: var(--border-primary); }
body.dark-mode .autocomplete-results { background-color: var(--bg-secondary); border-color: var(--border-secondary); box-shadow: 0 4px 8px var(--shadow-color); }
body.dark-mark-mode .autocomplete-item { border-bottom-color: var(--border-primary); }
body.dark-mode .autocomplete-item:hover { background-color: var(--bg-tertiary); }
body.dark-mode .product-reviews-section { border-top-color: var(--border-primary); }
body.dark-mode #reviews-summary-container { background-color: var(--bg-tertiary); }
body.dark-mode #review-form-container { border-color: var(--border-primary); background-color: var(--bg-secondary); }
body.dark-mode .review-card { border-bottom-color: var(--border-primary); }

/* --- Category Cards Dark Mode Override --- */
body.dark-mode .category-card {
    color: var(--text-primary) !important;
}

/* --- Footer Dark Mode Overrides --- */
body.dark-mode .footer-container {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .footer-heading,
body.dark-mode .footer-links a,
body.dark-mode .footer-payment h4,
body.dark-mode .footer-security h4 {
    color: var(--text-primary) !important;
}

body.dark-mode .footer-links a:hover {
    color: var(--text-accent) !important;
}

body.dark-mode .footer-copyright {
    color: var(--text-secondary) !important;
}