/* Aviso de cookies — barra inferior centrada. Convive con el botón de
   WhatsApp (abajo derecha) y el contador del hold del checkout (abajo
   izquierda): por eso va centrada y con z-index por encima de ambos. */

.lrg-cookies {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 16px;
	z-index: 100000;
	max-width: 560px;
	width: calc(100% - 24px);
	background: #fff;
	border: 1px solid #d5e6dc;
	border-radius: 14px;
	box-shadow: 0 8px 30px rgba(6, 78, 59, 0.22);
	padding: 16px 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 13.5px;
	line-height: 1.45;
	color: #333;
}

.lrg-cookies p {
	margin: 0;
	flex: 1;
}

.lrg-cookies-botones {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
}

/* Más específico que la regla del botón primario (que viene después en el
   archivo) para que el secundario no quede verde sólido también. */
.lrg-cookies .lrg-cookies-botones button.lrg-cookies-boton-secundario {
	background: transparent !important;
	color: #064e3b !important;
	border: 1px solid #b9d2c5 !important;
	font-weight: 600 !important;
}

.lrg-cookies .lrg-cookies-botones button.lrg-cookies-boton-secundario:hover {
	background: #eef5f0 !important;
}

.lrg-cookies a {
	color: #064e3b;
	text-decoration: underline;
}

/* Los !important compiten con el CSS de botones del tema (pinta cualquier
   button de blanco con borde rojo) — mismo caso que las tablas del panel. */
.lrg-cookies button.lrg-cookies-boton {
	flex-shrink: 0;
	background: #064e3b !important;
	color: #fff !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 10px 20px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer;
}

.lrg-cookies button.lrg-cookies-boton:hover {
	background: #053d2e !important;
}

@media (max-width: 560px) {
	.lrg-cookies {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		bottom: 10px;
	}
	.lrg-cookies-botones {
		flex-direction: column-reverse;
	}
	.lrg-cookies-boton {
		width: 100%;
	}
}


/* ---- Blindaje de tema: el plugin se ve igual en cualquier tema (en
   producción el tema imponía una fuente monoespaciada y estilos de enlace
   que rompían los botones). ---- */
.lrg-cookies, .lrg-cookies * {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	box-sizing: border-box;
	/* el tema de producción pone white-space:break-spaces y los saltos del
	   HTML se vuelven espacio renderizado (botones gigantes) */
	white-space: normal !important;
}