/**
 * CookieYes - Estilos personalizados
 * Fondo blanco, letras negras, botones rojo y gris
 * Máxima especificidad para sobrescribir estilos inline
 */

/* Banner principal - Fondo blanco - Sobrescribir inline styles */
.cky-consent-container,
.cky-consent-bar,
div[class*="cky-consent"],
div[class*="cky-notice"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #cccccc !important;
}

/* Texto negro - Todos los elementos */
.cky-notice-des,
.cky-notice-des *,
.cky-notice-des p,
.cky-title,
.cky-notice-group,
div[class*="cky-"] p,
div[class*="cky-"] span,
div[class*="cky-"] div {
    color: #000000 !important;
}

/* Enlaces rojos */
.cky-notice-des a,
.cky-policy,
a[class*="cky-"] {
    color: #CB0004 !important;
    background: transparent !important;
}

/* Botón Aceptar - ROJO */
.cky-btn-accept,
.cky-btn-accept *,
button[data-cky-tag="accept-button"],
button[data-cky-tag="accept-button"] * {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #CB0004 !important;
}

.cky-btn-accept:hover,
button[data-cky-tag="accept-button"]:hover {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
}

/* Botón Rechazar - GRIS */
.cky-btn-reject,
.cky-btn-reject *,
button[data-cky-tag="reject-button"],
button[data-cky-tag="reject-button"] * {
    background: #757575 !important;
    background-color: #757575 !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #757575 !important;
}

.cky-btn-reject:hover,
button[data-cky-tag="reject-button"]:hover {
    background: #616161 !important;
    background-color: #616161 !important;
}

/* Ocultar botón de configuración */
.cky-btn-customize,
.cky-btn-settings,
button[data-cky-tag="settings-button"],
button[data-cky-tag="detail-button"] {
    display: none !important;
}

/* Ocultar powered by */
.cky-powered-by {
    display: none !important;
}

/* MODAL DE PREFERENCIAS - Fondo blanco */
.cky-modal {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.cky-modal-dialog,
.cky-modal-content,
.cky-preference-center {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #cccccc !important;
}

/* Todos los elementos del modal - fondo blanco */
.cky-modal *,
.cky-preference-center * {
    background-color: transparent !important;
}

.cky-modal-dialog,
.cky-modal-content {
    background-color: #ffffff !important;
}

/* Encabezado del modal - ROJO */
.cky-modal-header,
.cky-preference-header {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
    color: #ffffff !important;
    border-bottom: none !important;
    border-color: #CB0004 !important;
}

.cky-modal-title,
.cky-preference-header * {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Botón cerrar del modal - blanco */
.cky-btn-close,
.cky-modal-close {
    color: #ffffff !important;
    opacity: 1 !important;
    background-color: transparent !important;
}

.cky-btn-close:hover,
.cky-modal-close:hover {
    color: #eeeeee !important;
}

/* Cuerpo del modal - Fondo blanco, texto negro */
.cky-modal-body,
.cky-preference-body-wrapper,
.cky-preference-content-wrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #cccccc !important;
}

.cky-accordion,
.cky-accordion-item,
.cky-category-des-wrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #eeeeee !important;
}

.cky-accordion-header,
.cky-accordion-header-des,
.cky-accordion-item-title,
.cky-accordion-item-description,
.cky-category-des,
.cky-accordion-header *,
.cky-accordion-item * {
    color: #000000 !important;
    background-color: transparent !important;
}

/* Enlaces en el modal - ROJO */
.cky-modal-body a,
.cky-accordion a {
    color: #CB0004 !important;
    background-color: transparent !important;
}

/* CHECKBOXES/SWITCHES/TOGGLES - ROJO */
.cky-switch,
.cky-checkbox {
    background-color: #cccccc !important;
    border-color: #cccccc !important;
}

.cky-switch input:checked + .cky-slider,
.cky-checkbox input:checked + .cky-slider {
    background-color: #CB0004 !important;
    border-color: #CB0004 !important;
}

.cky-slider {
    background-color: #cccccc !important;
    border-color: #cccccc !important;
}

input:checked + .cky-slider {
    background-color: #CB0004 !important;
    border-color: #CB0004 !important;
}

.cky-slider:before {
    background-color: #ffffff !important;
}

/* Botones de radio/checkbox personalizados */
.cky-preference-content-wrapper input[type="checkbox"]:checked + label:before,
.cky-preference-content-wrapper input[type="radio"]:checked + label:before {
    background-color: #CB0004 !important;
    border-color: #CB0004 !important;
}

/* Footer del modal */
.cky-modal-footer,
.cky-preference-btn-wrapper,
.cky-footer-wrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-top: 1px solid #dddddd !important;
    border-color: #dddddd !important;
}

/* Botones del modal - ROJO */
.cky-preference-btn-wrapper button,
.cky-btn-preferences,
.cky-btn-save,
button[class*="cky-btn"] {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #CB0004 !important;
}

.cky-preference-btn-wrapper button:hover,
.cky-btn-preferences:hover,
.cky-btn-save:hover {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
}

/* Eliminar bordes y fondos negros */
.cky-accordion-chevron,
.cky-always-active {
    color: #CB0004 !important;
    background-color: transparent !important;
}

.cky-tab {
    border-color: #dddddd !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.cky-tab.cky-tab-active {
    border-bottom-color: #CB0004 !important;
    color: #CB0004 !important;
    background-color: #ffffff !important;
}

/* Forzar colores en todos los divs internos */
div[class*="cky-"] {
    border-color: inherit !important;
}

.cky-category-item {
    background-color: #ffffff !important;
    border-color: #eeeeee !important;
}

/* Sobrescribir checkboxes azules - Máxima especificidad */
.cky-switch input[type="checkbox"],
.cky-switch input[type="checkbox"]:checked,
input[type="checkbox"][data-cky-tag],
input[type="checkbox"][data-cky-tag]:checked {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
    border-color: #CB0004 !important;
}

.cky-switch input[type="checkbox"]:not(:checked) {
    background: #cccccc !important;
    background-color: #cccccc !important;
}

/* Contenedor del switch también */
label.cky-switch,
.cky-switch {
    background: transparent !important;
}

label.cky-switch input:checked ~ .cky-slider {
    background-color: #CB0004 !important;
    background: #CB0004 !important;
}

label.cky-switch input:not(:checked) ~ .cky-slider {
    background-color: #cccccc !important;
    background: #cccccc !important;
}

/* Botón flotante de revisión de cookies */
.cky-btn-revisit-wrapper,
.cky-revisit-bottom-left,
.cky-revisit-bottom-right {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
    border-color: #CB0004 !important;
    color: #ffffff !important;
}

.cky-btn-revisit-wrapper:hover {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
}

.cky-btn-revisit,
.cky-revisit-btn {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
    color: #ffffff !important;
    border: none !important;
}

.cky-btn-revisit:hover {
    background: #CB0004 !important;
    background-color: #CB0004 !important;
}

.cky-btn-revisit-wrapper * {
    color: #ffffff !important;
}

/* Asegurar que "Rechazar todo" siempre sea GRIS */
.cky-btn-reject,
.cky-btn-reject *,
button[data-cky-tag="reject-button"],
button[data-cky-tag="reject-button"] *,
.cky-preference-btn-wrapper .cky-btn-reject,
button.cky-btn-reject,
a.cky-btn-reject {
    background: #757575 !important;
    background-color: #757575 !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #757575 !important;
}

.cky-btn-reject:hover,
button[data-cky-tag="reject-button"]:hover,
button.cky-btn-reject:hover {
    background: #616161 !important;
    background-color: #616161 !important;
    border-color: #616161 !important;
}