/*
 * Cookie consent banner. Fixed to the bottom so it never hides the header
 * or skip link, and not modal, so the page stays usable while it shows.
 * Both buttons share one style: declining must be as easy as allowing.
 */

.pm-consent {
	position: fixed;
	right: var(--wp--preset--spacing--30);
	bottom: var(--wp--preset--spacing--30);
	left: var(--wp--preset--spacing--30);
	z-index: 100;
	box-sizing: border-box;
	max-width: 40rem;
	max-height: calc(100vh - 2 * var(--wp--preset--spacing--30));
	margin-inline: auto;
	padding: var(--wp--preset--spacing--40);
	overflow-y: auto;
	border: 1px solid var(--pm-haze);
	background: var(--pm-deep);
	color: var(--pm-text);
}

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

.pm-consent__title {
	margin: 0 0 0.5rem;
	font-size: var(--wp--preset--font-size--medium);
}

.pm-consent p {
	margin: 0 0 var(--wp--preset--spacing--30);
}

.pm-consent a {
	color: var(--pm-violet);
}

.pm-consent__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
}

.pm-consent button,
.pm-consent-open {
	cursor: pointer;
}