/* Visitor consent banner (REQ-PRIV-01, ADR-093): a band above the header, in the page flow (never over it). */

.consent-banner {
	background-color: var(--rym-color-surface-warm);
	border-block-end: 1px solid var(--rym-color-border);
	color: var(--rym-color-text);
}

.consent-banner:focus {
	outline: none;
}

.consent-banner:focus-visible {
	outline: 3px solid var(--rym-color-focus);
	outline-offset: -3px;
}

.consent-banner__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--rym-space-3) var(--rym-space-5);
	padding-block: var(--rym-space-3);
}

/* "Please choose again" (a choice that could not be checked, ADR-093): a full row above the text. */
.consent-banner__notice {
	flex: 1 1 100%;
	margin: 0;
	font-weight: 600;
}

.consent-banner__text {
	flex: 1 1 20rem;
	margin: 0;
	font-size: var(--rym-font-size-small);
}

.consent-banner__text a {
	color: var(--rym-color-link-on-warm);
}

.consent-banner__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rym-space-2);
}

/* Equal choices: same style, same size (refusing is as easy as accepting). */
.consent-banner__actions .button {
	min-inline-size: 8rem;
}

@media (max-width: 30rem) {
	.consent-banner__actions {
		flex: 1 1 100%;
	}

	.consent-banner__actions .button {
		flex: 1 1 0;
		min-inline-size: 0;
	}
}