/**
 * Forzar modo claro en todo el sitio, ignorando prefers-color-scheme: dark
 * @package HumoSagrado
 */

:root {
    /* Indicar al navegador que el esquema de color preferido es claro */
    color-scheme: light;
}

/* Neutralizar reglas de modo oscuro basadas en prefers-color-scheme */
@media (prefers-color-scheme: dark) {
    :root {
        /* Variables generales */
        --background-dark: var(--background-color);
        --border-dark: var(--border-color);
        --text-dark: var(--text-color);

        /* Paleta secundaria */
        /* Mantener color de fondo oscuro original para secciones como Comunidad */
        /* --color-bg-dark no se sobreescribe para respetar estilos previos */
        --color-text-dark: var(--text-color);
        --color-border-dark: var(--border-color);
        --color-primary-dark: var(--primary-color);
        --color-secondary-dark: var(--secondary-color);
        --color-accent-dark: var(--accent-color);

        /* Carrito */
        --cart-bg-dark: var(--background-color);
        --cart-border-dark: var(--border-color);
        --cart-bg: var(--background-color);
        --cart-bg-secondary: #f8f9fa;
        --cart-text: var(--text-color);
        --cart-text-light: var(--text-muted);
        --cart-border: var(--border-color);
        --cart-overlay: rgba(0, 0, 0, 0.5);

        /* Popup/Email modal */
        --popup-bg: var(--background-color);
        --popup-text: var(--text-color);
        --popup-text-muted: var(--text-muted);
        --popup-border: var(--border-color);
        --popup-input-bg: var(--background-color);
        --popup-close-bg: rgba(0,0,0,0.05);
        --popup-close-hover: rgba(0,0,0,0.1);
    }

    /* Refuerzo de fondo y color principales */
    body {
        background-color: var(--background-color) !important;
        color: var(--text-color) !important;
    }

    /* Forzar claro en componentes del carrito */
    .cart-overlay {
        background: rgba(0,0,0,0.5) !important;
    }
    .cart-drawer,
    .cart-header,
    .cart-item,
    .cart-item-controls,
    .cart-actions,
    .cart-summary,
    .cart-content {
        background: var(--background-color) !important;
        color: var(--text-color) !important;
        border-color: var(--border-color) !important;
    }

    /* Forzar claro en popup/newsletter */
    .email-popup .popup-content,
    .popup-content,
    .popup-body,
    .popup-form input,
    .popup-close {
        background: var(--background-color) !important;
        color: var(--text-color) !important;
        border-color: var(--border-color) !important;
    }
    .popup-form input::placeholder {
        color: var(--text-muted) !important;
    }
}