/* Cookie consent. Uses the theme's tokens so it reads as part of the site. */

.afw-consent {
	position: fixed;
	z-index: 9999;
	inset: auto 0 0 0;
	background: var(--color-text-primary, #141414);
	color: var(--color-background-primary, #FFFEF9);
	box-shadow: 0 -8px 32px rgba(0, 0, 0, .28);
}

.afw-consent[hidden] { display: none; }

.afw-consent__inner {
	max-width: var(--grid-width, 1400px);
	margin: 0 auto;
	padding: var(--space-24, 24px) var(--grid-margin, 20px);
}

.afw-consent__title {
	margin: 0 0 var(--space-8, 8px);
	font-family: var(--font-family-serif, serif);
	font-size: var(--font-size-scale-3, 20px);
	line-height: 1.2;
}

.afw-consent__text {
	margin: 0 0 var(--space-16, 16px);
	max-width: 70ch;
	font-size: var(--font-size-scale-1, 14px);
	line-height: 1.55;
	opacity: .92;
}

.afw-consent__text a { color: var(--afw-lime, #B7E33B); text-decoration: underline; }

.afw-consent__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-12, 12px);
}

.afw-consent__btn {
	font: inherit;
	font-size: var(--font-size-scale-1, 14px);
	padding: var(--space-8, 8px) var(--space-20, 20px);
	border-radius: var(--border-radius, 4px);
	border: 1px solid transparent;
	cursor: pointer;
}

/* Accept inherits .c-btn (lime on ink). The reject control is deliberately a
   real, equally-clickable button rather than a faint link: consent is only
   valid if refusing is as easy as agreeing. */
.afw-consent__btn--ghost {
	background: transparent;
	color: inherit;
	border-color: currentColor;
}

.afw-consent__btn--ghost:hover { background: rgba(255, 255, 255, .1); }

.afw-consent__link {
	font: inherit;
	font-size: var(--font-size-scale-1, 14px);
	background: none;
	border: 0;
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
	padding: var(--space-8, 8px) 0;
}

.afw-consent__row {
	display: flex;
	gap: var(--space-12, 12px);
	align-items: flex-start;
	margin-bottom: var(--space-16, 16px);
	max-width: 70ch;
	font-size: var(--font-size-scale-1, 14px);
}

.afw-consent__row input { margin-top: 4px; flex: 0 0 auto; }
.afw-consent__row strong { display: block; }
.afw-consent__row em { font-style: normal; opacity: .8; }

@media (max-width: 600px) {
	.afw-consent__actions { flex-direction: column; align-items: stretch; }
	.afw-consent__btn, .afw-consent__link { width: 100%; text-align: center; }
}