/* Kiss Empire — GDPR cookie consent. Piccolo modale flottante in un angolo
   (bottom-left) invece della barra a fondo pagina, così si nota di più. Sotto
   il gate 18+ (z-index 99999): il visitatore chiude prima il gate, poi questo. */
.ke-cookie-consent {
	position: fixed;
	left: 20px;
	right: auto;
	bottom: 20px;
	z-index: 99990;
	width: min(360px, calc(100vw - 32px));
	padding: 18px 20px;
	background: linear-gradient(150deg, var(--ke-accent, #e50914), #a30810);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 14px;
	box-shadow: 0 20px 54px rgba(0, 0, 0, .55), 0 0 0 3px rgba(229, 9, 20, .22);
	color: #fff;
}
/* Ingresso animato (scatta quando il JS toglie [hidden]) per attirare lo sguardo. */
.ke-cookie-consent:not([hidden]) { animation: ke-cookie-in .35s cubic-bezier(.2, .7, .2, 1); }
@keyframes ke-cookie-in {
	from { opacity: 0; transform: translateY(16px); }
	to   { opacity: 1; transform: translateY(0); }
}
.ke-cookie-inner {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 14px;
}
.ke-cookie-text { min-width: 0; }
.ke-cookie-text strong { display: block; font-size: 14px; margin-bottom: 4px; color: #fff; }
.ke-cookie-text p { margin: 0; font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, .92); }
.ke-cookie-text a { color: #fff; text-decoration: underline; }
.ke-cookie-actions { display: flex; gap: 10px; }
.ke-cookie-actions .ke-btn { flex: 1 1 auto; }
.ke-cookie-consent .ke-btn {
	appearance: none;
	cursor: pointer;
	border-radius: 8px;
	padding: 9px 18px;
	font-size: 14px;
	font-weight: 600;
	border: 1px solid rgba(255, 255, 255, .55);
	background: transparent;
	color: #fff;
	transition: background .15s ease, border-color .15s ease;
}
.ke-cookie-consent .ke-btn:hover { background: rgba(255, 255, 255, .14); border-color: #fff; }
.ke-cookie-consent .ke-btn--primary { background: #fff; border-color: #fff; color: #a30810; }
.ke-cookie-consent .ke-btn--primary:hover { background: rgba(255, 255, 255, .9); border-color: rgba(255, 255, 255, .9); }

/* Mobile: card in basso, sopra la bottom-nav fissa, con margini laterali. */
@media (max-width: 640px) {
	.ke-cookie-consent {
		left: 12px;
		right: 12px;
		width: auto;
		bottom: calc(76px + env(safe-area-inset-bottom));
	}
}
@media (prefers-reduced-motion: reduce) {
	.ke-cookie-consent:not([hidden]) { animation: none; }
}