/*
 * Tema de marca para el gestor de consentimiento (Klaro!) — Bodega Futrono / tema velocity.
 * ADO #1066, Pieza 1. Override propio: NO tocar el vendor (css/vendor/klaro.css).
 * Paleta desde _variablesfutrono.scss: verde #78C125 / #47ba18, CTA terracota #a8410e.
 *
 * Nota legal (Ley 21.719): "Aceptar todo" y "Rechazar" mantienen el mismo tamaño y
 * jerarquía de interacción; solo cambia el color para leerse como CTA nativa de la tienda.
 */

/* --- Tarjeta (banner + modal): blanca, redondeada, con la tipografía del sitio --- */
.klaro .cookie-notice:not(.cookie-modal-notice),
.klaro .cookie-modal .cm-modal {
    font-family: inherit !important;
    color: rgba(0, 0, 0, 0.83) !important;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background: #ffffff !important;
    border: 1px solid #ececec !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, 0.16) !important;
}

.klaro .cookie-modal .cm-modal {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22) !important;
}

.klaro .cookie-modal .cm-bg {
    background: rgba(0, 0, 0, 0.5) !important;
}

/* Títulos y textos en tono oscuro sobre la tarjeta clara.
   Klaro trae el notice/modal en modo oscuro (texto blanco); hay que forzar el color en
   TODOS los contenedores de texto (span/strong/label incluidos) o queda blanco sobre blanco. */
.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-footer {
    border-color: #ececec !important;
}
.klaro .cookie-notice .cn-body,
.klaro .cookie-notice .cn-body p,
.klaro .cookie-notice .cn-body span,
.klaro .cookie-notice .cn-body strong,
.klaro .cookie-modal .cm-modal,
.klaro .cookie-modal .cm-modal p,
.klaro .cookie-modal .cm-modal span,
.klaro .cookie-modal .cm-modal strong,
.klaro .cookie-modal .cm-modal h1,
.klaro .cookie-modal .cm-modal h2,
.klaro .cookie-modal .cm-modal .cm-title,
.klaro .cookie-modal .cm-modal .cm-list-title,
.klaro .cookie-modal .cm-modal .cm-list-label,
.klaro .cookie-modal .cm-modal label {
    color: rgba(0, 0, 0, 0.83) !important;
}
.klaro .cookie-modal .cm-modal .cm-list-description,
.klaro .cm-powered-by,
.klaro .cm-powered-by a {
    color: #7a7a7a !important;
}

/* Enlaces (política de privacidad, "Gestionar") en verde de marca */
.klaro a,
.klaro .cm-link,
.klaro .cn-learn-more,
.klaro .cookie-modal .cm-modal a,
.klaro .cookie-notice a {
    color: #47ba18 !important;
}

/* --- Toggles: verde de marca cuando están activos --- */
.klaro .cm-list-input:checked + .cm-list-label .slider {
    background-color: #78c125 !important;
}
.klaro .cm-list-label .slider {
    background-color: #cccccc !important;
}
.klaro .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cm-list-input.only-required + .cm-list-label .slider {
    background-color: #a9d98a !important; /* verde apagado: categoría obligatoria */
}

/* --- Botones: mismo tamaño; color según acción --- */
.klaro .cm-btn {
    border-radius: 6px !important;
    font-weight: 600 !important;
}
/* "Aceptar todo" → CTA terracota de la tienda */
.klaro .cm-btn.cm-btn-success,
.klaro .cookie-notice .cn-ok .cm-btn-success {
    background-color: #a8410e !important;
    color: #ffffff !important;
}
.klaro .cm-btn.cm-btn-success:hover {
    background-color: #8f370b !important;
}
/* "Guardar selección" → verde de marca */
.klaro .cm-btn.cm-btn-success-var {
    background-color: #78c125 !important;
    color: #ffffff !important;
}
.klaro .cm-btn.cm-btn-success-var:hover {
    background-color: #66a71f !important;
}
/* "Rechazar" → neutral sólido, misma altura/prominencia que "Aceptar todo".
   Clase real en este build: .cm-btn-danger.cn-decline (más .cm-btn-close en el modal). */
.klaro .cm-btn.cm-btn-danger,
.klaro .cm-btn.cn-decline,
.klaro .cm-btn.cm-btn-close {
    background-color: #55585c !important;
    color: #ffffff !important;
    opacity: 1 !important;
}
.klaro .cm-btn.cm-btn-danger:hover,
.klaro .cm-btn.cn-decline:hover,
.klaro .cm-btn.cm-btn-close:hover {
    background-color: #43464a !important;
}