/* The consent layer owns presentation only; canonical button geometry remains with .pg-cta. */
[data-pg-consent-banner][hidden],
[data-pg-consent-modal][hidden] {
	display: none;
}

.pg-consent-banner {
	position: fixed;
	right: max(var(--pg-shell-gutter), env(safe-area-inset-right));
	bottom: max(1rem, env(safe-area-inset-bottom));
	left: max(var(--pg-shell-gutter), env(safe-area-inset-left));
	z-index: 80;
	display: grid;
	gap: 1rem;
	max-height: calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	padding: clamp(1rem, 4vw, 1.5rem);
	overflow-y: auto;
	border: 1px solid var(--pg-color-accent-muted);
	background: var(--pg-color-page-bg);
	box-shadow: 0 0.75rem 2.5rem color-mix(in srgb, var(--pg-color-heading) 24%, transparent);
}

.pg-consent-banner h2,
.pg-consent-modal h2 {
	margin-bottom: 0.4rem;
}

.pg-consent-banner p,
.pg-consent-modal p {
	margin-bottom: 0.6rem;
}

.pg-consent-banner__actions,
.pg-consent-modal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

.pg-consent-banner__actions .pg-cta {
	flex: 1 1 9rem;
}

.pg-consent-modal {
	position: fixed;
	inset: 0;
	z-index: 90;
	display: grid;
	place-items: center;
	padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
}

.pg-consent-modal__backdrop {
	position: absolute;
	inset: 0;
	background: color-mix(in srgb, var(--pg-color-heading) 72%, transparent);
}

.pg-consent-modal__dialog {
	position: relative;
	width: min(100%, 42rem);
	max-height: calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
	padding: clamp(1rem, 4vw, 2rem);
	overflow-y: auto;
	border: 1px solid var(--pg-color-accent-muted);
	background: var(--pg-color-page-bg);
	color: var(--pg-color-text);
	box-shadow: 0 1rem 3rem color-mix(in srgb, var(--pg-color-heading) 35%, transparent);
}

.pg-consent-modal__heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.pg-consent-modal__close {
	flex: 0 0 auto;
	min-width: 2.75rem;
	min-height: 2.75rem;
	border: 1px solid var(--pg-color-accent-muted);
	background: transparent;
	color: var(--pg-color-heading);
	font: 1.5rem/1 var(--pg-font-body);
	cursor: pointer;
}

.pg-consent-modal__categories {
	display: grid;
	gap: 0.65rem;
	margin-block: 1.25rem;
}

.pg-consent-category {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.85rem;
	border: 1px solid color-mix(in srgb, var(--pg-color-accent-muted) 55%, transparent);
	cursor: pointer;
}

.pg-consent-category:has(input:disabled) {
	cursor: default;
}

.pg-consent-category span,
.pg-consent-category small {
	display: block;
}

.pg-consent-category input {
	flex: 0 0 auto;
	width: 1.4rem;
	height: 1.4rem;
	accent-color: var(--pg-color-accent-muted);
}

.pg-site-footer__consent-control {
	font-size: inherit;
}

@media (min-width: 48rem) {
	.pg-consent-banner {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
		margin-inline: auto;
		width: min(46rem, calc(100% - (2 * var(--pg-shell-gutter))));
	}

	.pg-consent-banner__actions {
		max-width: 18rem;
	}
}