/* Grundlagen der iPhysics-Seite, die theme.json nicht abbilden kann.
   Werte aus dem Original (index.html, impressum.html): Auswahlfarbe, sanftes Scrollen,
   Schriftglättung, Fokusring, reduzierte Bewegung. */

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	overflow-x: hidden;
}

::selection {
	background: var(--wp--preset--color--brand-blue);
	color: var(--wp--preset--color--white);
}

:where(a, button, summary, input, textarea, select):focus-visible {
	outline: var(--wp--custom--focus--ring);
	outline-offset: var(--wp--custom--focus--offset);
}

/* Wiederkehrendes Kleinlabel über Überschriften (Verlauf als Textfarbe). */
.iph-eyebrow {
	margin: 0;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: var(--wp--custom--tracking--eyebrow);
	text-transform: uppercase;
	background: var(--wp--preset--gradient--brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* ---------- Rechtsseiten (Rahmen aus impressum.html) ---------- */
/* Schriftglättung nur hier: Die Rechtsseiten des Originals setzen sie, die Startseite nicht. */
.iph-legal {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	min-height: 100vh;
	background: var(--wp--preset--color--white);
	padding: 0 var(--wp--preset--spacing--gutter);
}

.iph-legal__frame {
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto;
}

.iph-legal__main {
	padding: clamp(40px, 7vh, 72px) 0 clamp(48px, 8vh, 88px);
}

.iph-legal__title {
	margin: 0 0 clamp(28px, 5vh, 48px);
}

.iph-legal__h1 {
	margin: 10px 0 0;
	font-weight: 900;
	font-size: var(--wp--preset--font-size--page-title);
	line-height: var(--wp--custom--leading--title);
	letter-spacing: var(--wp--custom--tracking--title);
	color: var(--wp--preset--color--ink);
}

.iph-legal__content h2 {
	margin: 0;
	font-size: var(--wp--preset--font-size--section-title);
	line-height: var(--wp--custom--leading--tight);
}

.iph-legal__content p {
	margin: 12px 0 0;
	font-size: var(--wp--preset--font-size--text);
	line-height: var(--wp--custom--leading--body);
	color: var(--wp--preset--color--heading);
	max-width: var(--wp--custom--measure--text);
	text-wrap: pretty;
}

/* Startseite: Seitenhintergrund wie im Original, kein Abstand zwischen Template-Teilen. */
.iph-main--landing,
.iph-landing-content {
	margin: 0;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation: none !important;
	}
}

.iph-legal__lead {
	margin: 0;
	font-size: var(--wp--preset--font-size--text);
	line-height: var(--wp--custom--leading--body);
	color: var(--wp--preset--color--heading);
	max-width: var(--wp--custom--measure--text);
}

/* „Zum Inhalt springen“ (WordPress): erscheint nur bei Tastaturfokus, in der Hausoptik statt im Standardkasten. */
.skip-link.screen-reader-text:focus {
	top: 12px;
	left: 12px;
	z-index: 100000;
	padding: 10px 22px;
	font-family: var(--wp--preset--font-family--titillium);
	font-weight: 700;
	font-size: 14px;
	line-height: normal;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--pill);
	box-shadow: var(--wp--preset--shadow--card);
	text-decoration: none;
	outline: var(--wp--custom--focus--ring);
	outline-offset: var(--wp--custom--focus--offset);
}