/* resources/css/override-cookie-guard.css */

#scify-cookies-consent-wrapper,
#scify-cookie-consent-floating-button {
    /* Colores Principales */
    --scify-cookies-primary-color: #364230;
    /* Tu color 'primary' */
    --scify-cookies-primary-hover-color: #4a5a41;
    /* Un tono ligeramente más claro/oscuro de primary para hover de fondo */

    /* Colores de Enlaces */
    --scify-cookies-link-color: #364230;
    /* Tu color 'primary' */
    --scify-cookies-link-hover-color: #E6EB5D;
    /* Tu color 'accent' o un primary más oscuro */

    /* Color de Fondo y Borde del Banner/Modal */
    --scify-cookies-bg-color: #F6F7F6;
    /* Tu color 'lightGray' */
    --scify-cookies-border-color: rgba(54, 66, 48, 0.25);
    /* Tu color 'primary' con opacidad 25% */
    /* --scify-cookies-border-width: 1px; */
    /* Dejar que Tailwind controle esto si es posible */
    /* --scify-cookies-banner-border-radius: 0.5rem; */
    /* Dejar que Tailwind controle ('rounded-lg') */

    /* Color de Texto Principal */
    --scify-cookies-text-color: #364230;
    /* Tu color 'primary' */

    /* --- Estilos de Botones --- */
    /* Estado Base (simulando tu botón blanco/rechazar) */
    --scify-cookies-btn-text-color: #364230;
    /* primary */
    --scify-cookies-btn-bg-color: #FFFFFF;
    /* white */
    --scify-cookies-btn-border-color: #364230;
    /* primary */
    /* --scify-cookies-btn-border-width: 1px; */
    /* Dejar que Tailwind controle */
    /* --scify-cookies-btn-border-radius: 0.5rem; */
    /* Dejar que Tailwind controle ('!rounded-lg') */
    /* --scify-cookies-btn-padding: 8px; */
    /* Dejar que Tailwind controle ('px-6 py-3') */
    /* --scify-cookies-btn-text-font-size: 14px; */
    /* Dejar que Tailwind controle ('text-xl') */

    /* Estado Hover (simulando tu hover en botón blanco -> fondo primary, texto accent) */
    --scify-cookies-btn-hover-text-color: #E6EB5D;
    /* accent */
    --scify-cookies-btn-hover-bg-color: #364230;
    /* primary */
    --scify-cookies-btn-hover-border-color: #364230;
    /* primary */

    /* --- Estilos del Acordeón (si no usas página separada) --- */
    --scify-cookies-accordion-bg-color: #FFFFFF;
    /* Fondo de cada item */
    --scify-cookies-accordion-btn-collapsed-bg-color: #F6F7F6;
    /* Fondo cabecera colapsada */
    --scify-cookies-accordion-btn-collapsed-text-color: #364230;
    /* Texto cabecera colapsada */
    --scify-cookies-accordion-btn-bg-color: #F6F7F6;
    /* Fondo cabecera expandida */
    --scify-cookies-accordion-btn-text-color: #364230;
    /* Texto cabecera expandida */
    --scify-cookies-accordion-border-color: rgba(54, 66, 48, 0.15);
    /* Borde entre items/cabecera */
    --scify-cookies-check-input-border-color: #aeaead;
    /* Borde del checkbox/switch */

    /* Color del texto 'Siempre activo' */
    --scify-cookies-always-active-message-color: #5a6e50;
    /* Un verde más apagado */

    /* Color del nombre de la cookie (<code>) */
    --scify-cookies-name-text-color: #8c2b4f;
    /* Un tono rojizo/púrpura */

    /* Quitar otros estilos que Tailwind debe controlar */
    /* Asegurarse de que las transiciones de Tailwind funcionen */
    --scify-cookies-btn-transition: none;
    /* Desactivar transición base si interfiere */

}

/* Asegurar que las clases de Tailwind en los botones tengan prioridad si es necesario */
/* (Solo usar si las variables no son suficientes debido a especificidad) */
#accept-all-cookies,
#accept-selected-cookies {
    /* background-color: #364230 !important; */
    /* Ejemplo: tu color primary */
    /* color: #E6EB5D !important; */
    /* Ejemplo: tu color accent */
    /* border: none !important; */
}

#reject-optional-cookies,
#customise-cookies {
    /* background-color: #FFFFFF !important; */
    /* color: #364230 !important; */
    /* border: 1px solid #364230 !important; */
}

/* Ocultar el botón flotante explícitamente si la config no es suficiente */
#scify-cookie-consent-floating-button {
    /* display: none !important; */
    /* Descomentar si display_floating_button=false no lo oculta */
}

#scify-cookies-consent-wrapper #accept-all-cookies {
    background-color: #364230 !important;
    /* Color primario de tu tema */
    color: #E6EB5D !important;
    /* Color accent de tu tema */
    border: none !important;
    /* Quita el borde si no lo quieres en este estado */

    /* Opcional: Forzar otros estilos si Tailwind es anulado */
    /* Asegúrate de que estos valores coincidan con tus clases px-6 py-3, text-xl, !rounded-lg */
    /* padding: 0.75rem 1.5rem !important; */
    /* font-size: 1.25rem !important; */
    /* border-radius: 0.5rem !important; */
    /* font-weight: 500 !important; */
    /* O el peso que uses */
    /* transition: none !important; */
    /* Desactivar transiciones si causan problemas */
}

/* Asegúrate de que el estado :hover NO cambie la apariencia */
#scify-cookies-consent-wrapper #accept-all-cookies:hover {
    background-color: #364230 !important;
    /* Mantiene el color primario */
    color: #E6EB5D !important;
    /* Mantiene el color accent */
    border: none !important;
    /* Mantiene sin borde */
    /* Puedes añadir un ligero cambio de brillo/opacidad si quieres feedback en hover */
    /* filter: brightness(1.1); */
}

#scify-cookie-consent-floating-button {
    color: #364230 !important;
    border-color: #364230 !important;
}

/* --- FIN: Sobrescritura Drástica --- */

.prose {
    /* Anulamos el max-width por defecto de prose */
    max-width: none !important;

    /* Ahora aplicamos el ancho que SÍ quieres. */
    /* Prueba con un valor grande en px o rem, que es más predecible que 'ch'. */
    /* 1600px es bastante ancho, similar a 300ch en fuentes estándar */
    /*max-width: 1600px !important;*/

    /* O si REALMENTE necesitas 300ch: */
    /* max-width: 300ch !important; */

    /* O un porcentaje del viewport si prefieres */
    max-width: 90vw !important;
}

/* Opcional: Asegurar que los hijos directos puedan usar el ancho completo del .prose */
/* A veces prose limita también a los hijos, esto lo evita */
.prose>* {
    max-width: none;
}