/* pcu-cookie-consent — hospitalcampus consent blocker (plan 2026-10-23-hospitalcampus-consent-blocker.md).
   Overlay, modal surface, featured icon and toggles are UUI; the buttons are the round website buttons. */

/* The page behind must not scroll while the dialog is open. */
html.pcu-cookie-consent-open {
	overflow: hidden;
}

/* uui-modal-overlay leaves stacking to its host. Above the old bar (999999), sticky headers and the chatbot. */
pcu-cookie-consent .uui-modal-overlay__root,
pcu-cookie-consent .uui-modal-overlay__stage {
	z-index: 1000000;
}

.pcu-cookie-consent__frame {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--uui-spacing-xl);
	inline-size: 100%;
	max-inline-size: 400px;
}

.pcu-cookie-consent__dialog {
	inline-size: 100%;
	--uui-modal-max-inline-size: 400px;
	/* The card scrolls inside; the legal links below it stay on screen. */
	max-block-size: calc(100dvh - 2 * var(--uui-spacing-4xl) - var(--uui-spacing-3xl));
}

.pcu-cookie-consent__actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--uui-spacing-lg);
	padding-block-end: var(--uui-spacing-3xl);
}

.pcu-cookie-consent__actions button {
	inline-size: 100%;
	justify-content: center;
	margin: 0;
}

.pcu-cookie-consent__categories {
	display: grid;
	gap: var(--uui-spacing-xl);
	padding-block-end: var(--uui-spacing-3xl);
}

/* uui-toggle carries Figma's drawn 344px on root and input; generated selectors win over a plain class. */
.pcu-cookie-consent__categories uui-toggle,
.pcu-cookie-consent__categories uui-toggle .uui-toggle__root,
.pcu-cookie-consent__categories uui-toggle .uui-toggle__input {
	inline-size: 100% !important;
}

.pcu-cookie-consent__legal {
	display: flex;
	gap: var(--uui-spacing-xl);
	font-size: var(--uui-text-xs-font-size);
}

.pcu-cookie-consent__legal a {
	color: var(--uui-text-white);
}

@media (max-width: 640px) {
	.pcu-cookie-consent__actions {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Level 1 draws the shield in green; the "modern" featured icon exists in gray only, its glyph uses currentColor. */
.pcu-cookie-consent__dialog[data-level="1"] uui-featured-icon {
	color: var(--uui-fg-success-secondary);
}

/* Catalogue preview: the card and the legal links on the overlay colour, without the fixed overlay. */
.pcu-cookie-consent__preview {
	display: flex;
	justify-content: center;
	padding: var(--uui-spacing-4xl);
	background: var(--uui-bg-overlay);
}

/* The surface takes the initial focus only so screen readers land in the dialog; it is not an interactive target. */
.pcu-cookie-consent__dialog:focus {
	outline: none;
}