/* ============================================================
   18+ age gate overlay. Plugin-owned (not theme-owned) so the gate keeps
   working regardless of which theme is active. Reuses .btn/.btn.dark/.kick
   from the theme's design system rather than inventing new button styles -
   only the overlay/card chrome itself is new here.

   Visible by default (no [hidden]/display:none in the base rule) - this
   is the fail-closed behaviour: without the enqueued JS running, or with
   it not yet having read the cookie, the gate stays up. JS adds
   .rowe-age-gate--verified to hide it once the cookie is confirmed
   present. See includes/age-gate.php for why.
   ============================================================ */
.rowe-age-gate {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: color-mix(in srgb, var(--graphite) 92%, transparent);
}
.rowe-age-gate--verified {
	display: none;
}
.rowe-age-gate-card {
	max-width: 440px;
	width: 100%;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: clamp(24px, 4vw, 34px);
	text-align: center;
}
.rowe-age-gate-card h2 {
	margin: 10px 0 14px;
	font-size: clamp(22px, 4vw, 27px);
}
.rowe-age-gate-card p {
	color: var(--stone);
	font-size: 14.5px;
	line-height: 1.55;
}
.rowe-age-gate-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 22px;
}
.rowe-age-gate-actions .btn {
	width: 100%;
}
/* Blocked state: swapped in by JS when the visitor answers "No". Stays on
   screen - no redirect, no separate page - the gate simply never clears. */
.rowe-age-gate-card.is-blocked .rowe-age-gate-actions {
	display: none;
}