/*
Theme Name: TT
Theme URI: https://touryteller.com/
Description: Child theme for Hello Elementor. Includes TouryTeller corporate styling.
Author: TouryTeller
Author URI: https://touryteller.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: tt
*/

/* =========================
   COOKIE BANNER → LILA TT
   (CookieYes / Cookie-Law-Info: clases .cky-*)
   Lila corporativo: #7A4FA3
   ========================= */
:root{
  --tt-lila:#7A4FA3;
  --tt-lila-hover:#6A3D98;
}

/* Botón principal (Aceptar todo) */
.cky-consent-container .cky-btn.cky-btn-accept,
.cky-modal .cky-btn.cky-btn-accept,
.cky-consent-container [data-cky-tag="accept-button"],
.cky-modal [data-cky-tag="detail-accept-button"]{
  background-color: var(--tt-lila) !important;
  border-color: var(--tt-lila) !important;
  color:#fff !important;
}
.cky-consent-container .cky-btn.cky-btn-accept:hover,
.cky-modal .cky-btn.cky-btn-accept:hover{
  background-color: var(--tt-lila-hover) !important;
  border-color: var(--tt-lila-hover) !important;
}

/* Botones outline (Personalizar / Rechazar todo / Guardar preferencias) */
.cky-consent-container .cky-btn.cky-btn-customize,
.cky-consent-container .cky-btn.cky-btn-reject,
.cky-modal .cky-btn.cky-btn-reject,
.cky-modal .cky-btn.cky-btn-preferences,
.cky-consent-container [data-cky-tag="settings-button"],
.cky-consent-container [data-cky-tag="reject-button"],
.cky-modal [data-cky-tag="detail-reject-button"],
.cky-modal [data-cky-tag="detail-save-button"]{
  color: var(--tt-lila) !important;
  border-color: var(--tt-lila) !important;
  background: transparent !important;
}
.cky-consent-container .cky-btn.cky-btn-customize:hover,
.cky-consent-container .cky-btn.cky-btn-reject:hover,
.cky-modal .cky-btn.cky-btn-reject:hover,
.cky-modal .cky-btn.cky-btn-preferences:hover{
  color: var(--tt-lila-hover) !important;
  border-color: var(--tt-lila-hover) !important;
}

/* Links y elementos interactivos dentro del modal */
.cky-notice-des a.cky-policy,
.cky-preference-content-wrapper .cky-show-desc-btn,
.cky-notice-btn-wrapper .cky-btn-do-not-sell{
  color: var(--tt-lila) !important;
}
.cky-notice-des a.cky-policy:focus-visible,
.cky-btn:focus-visible,
.cky-switch input[type="checkbox"]:focus-visible{
  outline: 2px solid var(--tt-lila) !important;
  outline-offset: 2px !important;
}

/* Toggles (switches) en preferencias */
.cky-switch input[type="checkbox"]:checked{
  background: var(--tt-lila) !important;
}

/* Botón flotante “revisitar consentimiento” */
.cky-btn-revisit-wrapper{
  background: var(--tt-lila) !important;
}