/* =====================================================================
   CookieYes (plugin cookie-law-info) — armonizado con el tema.
   El plugin inyecta su CSS por JS (más tarde en la cascada y con colores
   azules genéricos: #1863dc, #0056a7…), por eso se usa !important en las
   propiedades visuales. Selectores .cky-* tal cual los emite el banner.
   ===================================================================== */

/* ---------- Tipografía base del banner y modal ---------- */
.cky-consent-container,
.cky-modal {
  font-family: var(--fdq-font-body) !important;
}

/* ---------- Barra de consentimiento ---------- */
.cky-consent-container .cky-consent-bar {
  background: var(--fdq-surface-container-lowest) !important;
  border: 1px solid var(--fdq-outline-variant) !important;
  border-radius: var(--fdq-radius-lg) var(--fdq-radius-lg) 0 0 !important;
  box-shadow: var(--fdq-shadow-lg) !important;
}
.cky-banner-top .cky-consent-bar {
  border-radius: 0 0 var(--fdq-radius-lg) var(--fdq-radius-lg) !important;
}

/* ---------- Títulos ---------- */
.cky-notice .cky-title,
.cky-preference-header .cky-preference-title {
  color: var(--fdq-primary-container) !important;
  font-family: var(--fdq-font-heading) !important;
}

/* ---------- Texto y enlaces ---------- */
.cky-notice-des,
.cky-preference-content-wrapper {
  color: var(--fdq-on-surface-variant) !important;
}
.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy,
.cky-preference-content-wrapper .cky-show-desc-btn,
.cky-footer-wrapper a {
  color: var(--fdq-secondary) !important;
}

/* ---------- Botones (base) ---------- */
.cky-btn {
  font-family: var(--fdq-font-heading) !important;
  font-weight: 700 !important;
  border-radius: var(--fdq-radius-sm) !important;
  transition: filter var(--fdq-duration-base) var(--fdq-ease-out),
              background-color var(--fdq-duration-base) var(--fdq-ease-out),
              color var(--fdq-duration-base) var(--fdq-ease-out) !important;
}
.cky-btn:hover { opacity: 1 !important; filter: brightness(1.1); }

/* Aceptar y Rechazar → MISMO formato y prominencia (requisito legal:
   el rechazo debe ser tan fácil/visible como la aceptación, sin nudging).
   Confirmar (opt-out) comparte el estilo de acción principal. */
.cky-btn-accept,
.cky-btn-reject,
.cky-opt-out-btn-wrapper .cky-btn-confirm {
  background: var(--fdq-primary) !important;
  color: var(--fdq-on-primary) !important;
  border: 2px solid var(--fdq-primary) !important;
}

/* Personalizar / Preferencias → secundario (no es la elección directa) */
.cky-btn-customize,
.cky-btn-preferences {
  background: transparent !important;
  color: var(--fdq-primary-container) !important;
  border: 2px solid var(--fdq-primary-container) !important;
}
.cky-btn-customize:hover,
.cky-btn-preferences:hover {
  background: var(--fdq-primary-container) !important;
  color: var(--fdq-on-primary) !important;
  filter: none;
}

/* Cancelar (opt-out) → neutro */
.cky-opt-out-btn-wrapper .cky-btn-cancel {
  background: transparent !important;
  color: var(--fdq-on-surface-variant) !important;
  border: 1px solid var(--fdq-outline) !important;
}

/* ---------- Botón flotante "Revisar consentimiento" ---------- */
.cky-btn-revisit-wrapper {
  background: var(--fdq-primary) !important;
  box-shadow: var(--fdq-shadow-md) !important;
}

/* ---------- Modal de preferencias ---------- */
.cky-preference-center {
  border-radius: var(--fdq-radius-lg) !important;
  border-color: var(--fdq-outline-variant) !important;
}
.cky-preference-header {
  border-bottom-color: var(--fdq-outline-variant) !important;
}

/* Acordeón de categorías */
.cky-accordion-header-des,
.cky-accordion-header .cky-accordion-btn {
  color: var(--fdq-on-surface-variant) !important;
}
.cky-accordion-header .cky-always-active {
  color: var(--fdq-secondary) !important;
}
.cky-accordion-active .cky-accordion-header .cky-accordion-btn::before,
.cky-accordion-active .cky-accordion-header .cky-accordion-btn::after {
  background: var(--fdq-primary-container) !important;
}

/* ---------- Interruptores (toggle) ---------- */
.cky-switch input[type="checkbox"]:checked {
  background: var(--fdq-secondary) !important;
}

/* ---------- Foco accesible (en cian del tema, no azul genérico) ---------- */
.cky-notice-des a.cky-policy:focus-visible,
.cky-notice-des button.cky-policy:focus-visible,
.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,
.cky-accordion-header .cky-accordion-btn:focus-visible,
.cky-preference-header .cky-btn-close:focus-visible,
.cky-switch input[type="checkbox"]:focus-visible,
.cky-footer-wrapper a:focus-visible,
.cky-btn:focus-visible {
  outline: 2px solid var(--fdq-secondary) !important;
  outline-offset: 2px !important;
}