/*
Theme Name:   Hello Elementor Child
Theme URI:    https://miticas.es
Description:  Tema hijo de Hello Elementor para Cervezas Míticas. Contiene la portada a medida (front-page.php), la verificación de edad (age-gate.php) y el control de edad global. Protege las personalizaciones frente a actualizaciones del tema padre.
Author:       Cervezas Míticas
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* Los estilos de la portada y de la página de edad van inline en sus
   plantillas (front-page.php / age-gate.php). Este archivo queda como
   punto de entrada del tema hijo y para futuros estilos globales. */

/* ============================================================
   BANNER DE COOKIES (Complianz) · estilo Cervezas Míticas
   Paleta: negro cálido + dorado, fuentes Cinzel/Raleway.
   Se aplica en toda la web (este style.css se encola globalmente).
   ============================================================ */

/* --- Contenedor del banner --- */
.cmplz-cookiebanner {
  z-index: 99990 !important; /* por debajo del overlay de edad (99999): primero edad, luego cookies */
  background: #16130D !important;
  border: 1px solid rgba(201, 168, 76, 0.30) !important;
  border-radius: 4px !important;
  color: #E8DCC8 !important;
  font-family: "Raleway", system-ui, sans-serif !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}

/* --- Título --- */
.cmplz-cookiebanner .cmplz-title {
  font-family: "Cinzel", Georgia, serif !important;
  color: #E8DCC8 !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

/* --- Texto / descripciones --- */
/* Forzar TODO el texto del banner a crema legible.
   Los enlaces (dorado) y el botón "Aceptar" (texto oscuro) se reajustan
   más abajo y ganan por especificidad. */
.cmplz-cookiebanner,
.cmplz-cookiebanner * { color: #E8DCC8 !important; }
.cmplz-cookiebanner p,
.cmplz-cookiebanner li,
.cmplz-cookiebanner .cmplz-text,
.cmplz-cookiebanner .cmplz-message {
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

/* --- Enlaces --- */
.cmplz-cookiebanner a,
.cmplz-cookiebanner .cmplz-links a {
  color: #C9A84C !important;
  text-decoration: underline !important;
}
.cmplz-cookiebanner a:hover,
.cmplz-cookiebanner .cmplz-links a:hover { color: #E2C97E !important; }

/* --- Botones (base) --- */
.cmplz-cookiebanner .cmplz-btn {
  border-radius: 2px !important;
  font-family: "Raleway", system-ui, sans-serif !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  border: 1px solid rgba(201, 168, 76, 0.40) !important;
  transition: background 0.25s, color 0.25s, border-color 0.25s !important;
}

/* Aceptar = dorado relleno */
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-btn.cmplz-accept * {
  background-color: transparent !important;
  color: #0D0D0D !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
  background: #C9A84C !important;
  border-color: #C9A84C !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
  background: #E2C97E !important;
  border-color: #E2C97E !important;
  color: #0D0D0D !important;
}

/* Rechazar / Ver preferencias / Guardar = fantasma dorado */
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-functional {
  background: transparent !important;
  color: #C9A84C !important;
  border-color: rgba(201, 168, 76, 0.40) !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
  background: rgba(201, 168, 76, 0.08) !important;
  color: #E2C97E !important;
  border-color: #C9A84C !important;
}

/* --- Categorías (panel de preferencias) --- */
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background: #1E1A12 !important;
  border: 1px solid rgba(201, 168, 76, 0.20) !important;
  border-radius: 3px !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-title { color: #C9A84C !important; }

/* --- Interruptores (toggle) en dorado cuando están activos --- */
.cmplz-cookiebanner .cmplz-slider,
.cmplz-cookiebanner .cmplz-toggle { background: rgba(154, 139, 114, 0.4) !important; }
.cmplz-cookiebanner input:checked + .cmplz-slider,
.cmplz-cookiebanner .cmplz-toggle input:checked + label,
.cmplz-cookiebanner .cmplz-slider.cmplz-checked { background: #C9A84C !important; }

/* --- "Powered by Complianz" discreto --- */
.cmplz-cookiebanner .cmplz-powered-by,
.cmplz-cookiebanner .cmplz-powered-by a { color: #9A8B72 !important; opacity: 0.4 !important; }

/* --- Botón flotante para reabrir preferencias --- */
.cmplz-manage-consent .cmplz-btn,
#cmplz-manage-consent .cmplz-btn {
  background: #16130D !important;
  color: #C9A84C !important;
  border: 1px solid rgba(201, 168, 76, 0.40) !important;
}
.cmplz-manage-consent .cmplz-btn:hover,
#cmplz-manage-consent .cmplz-btn:hover { color: #E2C97E !important; border-color: #C9A84C !important; }

/* --- BOTONES más pequeños (que no se vean enormes ni se estiren en pantallas grandes) --- */
.cmplz-cookiebanner .cmplz-buttons { gap: 0.5rem !important; }
.cmplz-cookiebanner .cmplz-btn {
  padding: 0.5rem 1.1rem !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.08em !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 220px !important;
  flex: 0 1 auto !important;
}