/**
 * Diego Kaminsky — cookie-consent.css
 *
 * Viste el banner del mu-plugin vibe-cookie-consent con la marca (marfil +
 * dorado). Solo sobreescribe: la estructura y la accesibilidad son del paquete.
 *
 * Contraste (sobre --color-surface #FFFFFF):
 *   - Texto --color-text #2A2218 → 15:1
 *   - Texto secundario --color-text-muted #6E6149 → 6.1:1
 *   - Enlaces y botones --gold-deep #6E4E1C → 8.3:1 (blanco sobre él, igual)
 *   - Interruptor apagado --color-text-muted → 6.1:1 (≥ 3:1 no textual)
 *
 * Aceptar y rechazar comparten peso visual a propósito (criterio AEPD).
 */

.vibe-cookie-banner,
.vibe-cookie-modal {
	--vcc-bg:           var(--color-surface);
	--vcc-border:       var(--color-accent);
	--vcc-text:         var(--color-text);
	--vcc-text-muted:   var(--color-text-muted);
	--vcc-accent:       var(--gold-deep);
	--vcc-accent-hover: var(--color-ink);
	--vcc-focus:        var(--gold-deep);
	--vcc-toggle-off:   var(--color-text-muted);
	--vcc-toggle-on:    var(--gold-deep);
	--vcc-radius:       var(--radius-sm);
	font-family: var(--font-body);
}

.vibe-cookie-banner {
	z-index: var(--z-cookie);
	border-top-width: 1px;
	box-shadow: 0 -18px 42px -26px rgba(58, 40, 10, 0.35);
	padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.vibe-cookie-modal {
	z-index: calc(var(--z-cookie) + 1);
}

.vibe-cookie-modal__backdrop {
	background: rgba(42, 34, 24, 0.6);
}

.vibe-cookie-modal__panel {
	border-color: var(--color-border);
	box-shadow: var(--shadow-hover);
}

.vibe-cookie-modal__title {
	font-family: var(--font-display);
	font-size: 1.6rem;
	font-weight: 600;
}

.vibe-cookie-modal__close:hover {
	background-color: var(--color-bg);
}

.vibe-cookie-modal__group,
.vibe-cookie-modal__footer {
	border-color: var(--color-border);
}

.vibe-btn {
	font-family: var(--font-body);
	letter-spacing: 0.02em;
}

/* Botón «Cambiar mis preferencias de cookies» del footer (fondo oscuro):
   mismo aspecto que los enlaces legales vecinos (.footer-legal a). */
.footer-legal .vibe-cookie-prefs-btn {
	font-size: var(--text-xs);
	color: rgba(231, 220, 196, 0.6);
	text-decoration: none;
	transition: color var(--transition-fast);
}

.footer-legal .vibe-cookie-prefs-btn:hover {
	color: #E8C77A;
}

.footer-legal .vibe-cookie-prefs-btn:focus-visible {
	outline-color: #E8C77A;
}

@media (prefers-reduced-motion: reduce) {
	.footer-legal .vibe-cookie-prefs-btn {
		transition: none;
	}
}