/*
 * Age verification page and +18 badge.
 */

.umbra-age-gate {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - var(--umbra-header-h) - 260px);
	padding-top: clamp(40px, 8vw, 96px);
	padding-bottom: clamp(40px, 8vw, 96px);
}

.umbra-age-gate__card {
	width: min(100%, 620px);
	padding: clamp(28px, 5vw, 52px);
	border: 1px solid var(--umbra-line);
	border-radius: var(--umbra-radius-lg);
	background:
		radial-gradient(120% 140% at 50% 0%, rgba(201, 162, 39, 0.06), transparent 55%),
		var(--umbra-surface);
	box-shadow: var(--umbra-shadow);
	text-align: center;
}

.umbra-age-gate__eyebrow {
	margin: 0 0 14px;
	color: var(--umbra-cream-55);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}

.umbra-age-gate__title {
	margin: 0 0 18px;
	color: var(--umbra-cream);
	font-family: var(--umbra-display);
	font-size: clamp(30px, 5vw, 44px);
	font-weight: 500;
	line-height: 1.1;
}

.umbra-age-gate__text {
	margin: 0 auto 28px;
	max-width: 46ch;
	color: var(--umbra-cream-70);
	font-size: 14.5px;
	line-height: 1.7;
}

.umbra-age-gate__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

.umbra-age-gate__actions .umbra-btn {
	min-width: 210px;
}

.umbra-age-gate__legal {
	margin: 24px 0 0;
	color: var(--umbra-cream-55);
	font-size: 12.5px;
	line-height: 1.6;
}

.umbra-age-gate__legal a {
	color: var(--umbra-cream-85);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.umbra-badge--adult {
	border: 1px solid rgba(217, 83, 79, 0.55);
	background: rgba(9, 9, 8, 0.78);
	backdrop-filter: blur(6px);
	color: #f0b3b1;
	letter-spacing: 0.12em;
}

.umbra-adult-note {
	display: inline-block;
	margin-left: 10px;
	color: var(--umbra-cream-55);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

@media (max-width: 560px) {
	.umbra-age-gate__actions {
		flex-direction: column;
	}

	.umbra-age-gate__actions .umbra-btn {
		width: 100%;
		min-width: 0;
	}
}