/*
 * Minimal legal-page layout (page-legal-minimal.php) — a chrome-free
 * Impressum/Datenschutz view used while a gated site mode is active. Mirrors
 * the links page: soft gradient field, one centred "paper" card for the legal
 * text, and a small footer with a link back to /links, the legal cross-links
 * and a language switch. Scoped under body.gow-legal-min-page so it can't touch
 * the normal (published-mode) legal pages.
 */

body.gow-legal-min-page {
	margin: 0;
	min-height: 100vh;
	background-color: var(--wp--preset--color--base, #faf7f2);
	background-image:
		radial-gradient(circle at 12% 22%, rgba(201, 228, 222, 0.45), transparent 36%),
		radial-gradient(circle at 88% 12%, rgba(245, 214, 198, 0.40), transparent 38%),
		radial-gradient(circle at 78% 82%, rgba(247, 231, 180, 0.35), transparent 40%);
	background-attachment: fixed;
}

.gow-legal-min {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 44px 20px 36px;
}

.gow-legal-min__inner {
	width: 100%;
	max-width: 760px;
	background: var(--wp--preset--color--surface, #fff);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast, #2b2a33) 8%, transparent);
	border-radius: 20px;
	padding: 32px clamp(20px, 4vw, 46px);
	box-shadow: 0 1px 2px rgba(43, 42, 51, 0.04), 0 12px 30px rgba(43, 42, 51, 0.07);
}

/* The legal block renders its own inner typography; keep it flush in the card. */
.gow-legal-min__inner > * {
	max-width: 100%;
}

/* ---- Minimal footer ---- */
.gow-legal-min__footer {
	width: 100%;
	max-width: 760px;
	margin-top: 26px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}

.gow-legal-min__back {
	font-family: var(--wp--preset--font-family--display, Georgia, serif);
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--wp--preset--color--contrast, #2b2a33);
	text-decoration: none;
}

.gow-legal-min__back:hover {
	color: var(--wp--preset--color--contrast-2, #6b6a73);
}

.gow-legal-min__footer .gow-footer__legal {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 16px;
	font-size: 0.85rem;
}

.gow-legal-min__footer .gow-footer__legal a {
	color: var(--wp--preset--color--contrast-2, #6b6a73);
	text-decoration: none;
}

.gow-legal-min__footer .gow-footer__legal a:hover {
	color: var(--wp--preset--color--contrast, #2b2a33);
}

/* ---- Language switch (compact pill, matching the links page) ---- */
.gow-legal-min__langs {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 3px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--wp--preset--color--contrast, #2b2a33) 7%, transparent);
}

.gow-legal-min__lang {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 30px;
	padding: 4px 11px;
	border-radius: 999px;
	text-decoration: none;
	color: var(--wp--preset--color--contrast-2, #6b6a73);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	transition: background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.gow-legal-min__lang:hover {
	color: var(--wp--preset--color--contrast, #2b2a33);
}

.gow-legal-min__lang.is-current {
	background: var(--wp--preset--color--surface, #fff);
	color: var(--wp--preset--color--contrast, #2b2a33);
	box-shadow: 0 1px 2px rgba(43, 42, 51, 0.06), 0 3px 8px rgba(43, 42, 51, 0.08);
}

.gow-legal-min__lang:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast, #2b2a33);
	outline-offset: 2px;
}

.gow-legal-min__lang-flag {
	font-size: 0.82rem;
	line-height: 1;
}