/*
 * Traydon – Basis, Seitenrahmen, Kopf, Fuß, Abschnitte, Hero, Schaltflächen, Bewegung.
 * Stilrichtung „Technisches Datenblatt / Swiss Industrial“, Version 2 (breites Raster).
 * Token stammen aus theme.json (--wp--preset--*); hier nur Kurzaliase.
 * Bewegung ausschließlich über transform/opacity, nur bei prefers-reduced-motion: no-preference.
 * Navigation und Kopfwerkzeuge (Blockausgaben) liegen in bloecke-basis.css.
 */

/* ---------- 1. Aliase ---------- */
:root {
	--tr-rot: var(--wp--preset--color--primaer);
	--tr-rot-dunkel: var(--wp--preset--color--primaer-dunkel);
	--tr-akzent: var(--wp--preset--color--akzent);
	--tr-text: var(--wp--preset--color--text);
	--tr-leise: var(--wp--preset--color--text-leise);
	--tr-weiss: var(--wp--preset--color--flaeche);
	--tr-alt: var(--wp--preset--color--flaeche-alt);
	--tr-dunkel: var(--wp--preset--color--flaeche-dunkel);
	--tr-dunkel-leise: #B9B3AE;
	--tr-dunkel-linie: #4A4546;
	--tr-linie: var(--wp--preset--color--linie);
	--tr-linie-stark: var(--wp--preset--color--linie-stark);
	--tr-fokus: var(--wp--preset--color--text);
	--tr-fokus-innen: var(--wp--preset--color--flaeche);
	--tr-radius: var(--wp--custom--radius--klein, 2px);
	--tr-radius-m: var(--wp--custom--radius--mittel, 4px);
	--tr-ziel: var(--wp--custom--zielgroesse, 44px);
	--tr-dauer: var(--wp--custom--bewegung--dauer, 180ms);
	--tr-kurve: var(--wp--custom--bewegung--kurve, ease-out);
	--tr-lese: var(--wp--custom--lesebreite, 68ch);
	--tr-kopf: 4.5rem;
	--tr-rand: var(--wp--style--root--padding-left, 1rem);
	--tr-breit: min(var(--wp--style--global--wide-size, 1280px), calc(100% - 2 * var(--tr-rand)));
	--tr-ueberstand: max(var(--tr-rand), (100vw - var(--wp--style--global--wide-size, 1280px)) / 2);
}

/* ---------- 2. Basis ---------- */
html {
	-webkit-text-size-adjust: 100%;
	scroll-padding-top: calc(var(--tr-kopf) + 1rem);
}

body {
	overflow-x: clip;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

[hidden] {
	display: none !important;
}

img,
svg,
video {
	max-width: 100%;
	height: auto;
}

p,
li,
dd {
	overflow-wrap: break-word;
	hyphens: auto;
}

h1,
h2,
h3,
h4 {
	overflow-wrap: break-word;
	hyphens: manual;
	text-wrap: balance;
}

/* Lange deutsche Komposita auf schmalen Bildschirmen trennen statt überlaufen */
@media (max-width: 47.99rem) {
	h1,
	h2,
	h3,
	h4 {
		hyphens: auto;
	}
}

::selection {
	background: var(--tr-text);
	color: var(--tr-weiss);
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

a:hover {
	text-decoration-thickness: 2px;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--tr-fokus);
	outline-offset: 3px;
	box-shadow: 0 0 0 3px var(--tr-fokus-innen);
}

.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--tr-fokus);
	outline-offset: 3px;
}

.skip-link.screen-reader-text:focus {
	position: fixed;
	top: 0.75rem;
	inset-inline-start: 0.75rem;
	z-index: 100000;
	clip-path: none;
	width: auto;
	height: auto;
	padding: 0.75rem 1.25rem;
	background: var(--tr-text);
	color: var(--tr-weiss);
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--tr-radius);
}

.tr-einleitung {
	font-size: var(--wp--preset--font-size--mittel);
	line-height: 1.55;
	color: var(--tr-leise);
}

/* ---------- 3. Seitenrahmen und Seitentitel ---------- */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
}

.wp-site-blocks > .tr-seitenfuss,
.wp-site-blocks > footer {
	margin-top: auto;
}

.tr-inhalt {
	margin-block-start: 0;
	padding-block-end: var(--wp--preset--spacing--70);
}

.tr-inhalt--liste,
.tr-inhalt--suche,
.tr-inhalt--404 {
	padding-block-start: var(--wp--preset--spacing--60);
}

.tr-inhalt--seite {
	padding-block-start: 0;
}

.tr-inhalt--start,
.tr-inhalt--ohne-titel {
	padding-block-end: 0;
}

.tr-inhalt--start > .tr-seiteninhalt > :first-child,
.tr-inhalt--ohne-titel > .tr-seiteninhalt > :first-child {
	margin-block-start: 0;
}

.tr-seiteninhalt > .alignfull:last-child {
	margin-block-end: 0;
}

/* Kopf jeder Inhaltsseite: Brotkrumen, H1, Kurzinfo auf warmgrauem Band */
.tr-seitentitel {
	padding-block: var(--wp--preset--spacing--50);
	margin-block-end: 0;
	border-bottom: 1px solid var(--tr-linie);
	border-image: linear-gradient(var(--tr-alt) 0 0) fill 0 / / 0 100vw;
}

.tr-seitentitel__h1 {
	margin-block: var(--wp--preset--spacing--30) 0;
	max-width: 22ch;
	font-size: clamp(2.25rem, 1.4rem + 3.2vw, 4.25rem);
	line-height: 1.03;
	letter-spacing: -0.035em;
}

.tr-inhalt--liste .tr-seitentitel__h1,
.tr-inhalt--suche .tr-seitentitel__h1,
.tr-inhalt--404 h1 {
	max-width: 22ch;
	font-size: clamp(2.25rem, 1.4rem + 3.2vw, 4rem);
	line-height: 1.04;
}

/* Kein Weißraum zwischen letztem vollbreiten Abschnitt und Fußbereich */
.tr-inhalt:has(> .tr-seiteninhalt > .alignfull:last-child) {
	padding-block-end: 0;
}

/* ---------- 4. Kopfbereich: klebt oben, wird beim Scrollen durch Schatten abgesetzt ---------- */
.tr-seitenkopf {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--tr-weiss);
	border-bottom: 1px solid var(--tr-linie);
}

.admin-bar .tr-seitenkopf {
	top: var(--wp-admin--admin-bar--height, 0px);
}

/* Schattenkante erscheint erst nach dem Scrollen (Scroll-Zeitleiste, sonst unsichtbar) */
.tr-seitenkopf::after {
	content: "";
	position: absolute;
	inset: 100% 0 auto;
	height: 14px;
	background: linear-gradient(rgb(35 31 32 / 0.14), rgb(35 31 32 / 0));
	opacity: 0;
	pointer-events: none;
}

@supports (animation-timeline: scroll()) {
	.tr-seitenkopf::after {
		animation: tr-einblendung linear both;
		animation-timeline: scroll(root block);
		animation-range: 0 96px;
	}

	@media (prefers-reduced-motion: no-preference) {
		.tr-logo img {
			transform-origin: left center;
			animation: tr-logo-kompakt linear both;
			animation-timeline: scroll(root block);
			animation-range: 0 96px;
		}
	}
}

@keyframes tr-einblendung {
	to {
		opacity: 1;
	}
}

@keyframes tr-logo-kompakt {
	to {
		transform: scale(0.86);
	}
}

.tr-kopf {
	padding-block: 0.625rem;
}

.tr-kopf__leiste.tr-kopf__leiste {
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem var(--wp--preset--spacing--30);
}

.tr-kopf__leiste > * {
	margin-block: 0;
}

.tr-logo {
	flex: 0 0 auto;
	margin: 0 auto 0 0;
}

.tr-logo a {
	display: block;
	padding-block: 0.25rem;
}

.tr-logo img {
	display: block;
	width: clamp(108px, 6rem + 6vw, 156px) !important;
	height: auto;
}

.tr-kopf__werkzeuge.tr-kopf__werkzeuge {
	gap: 0.375rem;
	align-items: center;
	flex: 0 0 auto;
}

.tr-kopf__aktion .wp-block-button__link {
	white-space: nowrap;
	padding: 0.5rem 1rem;
	min-height: var(--tr-ziel);
	font-size: var(--wp--preset--font-size--klein);
}

/* ---------- 5. Fußbereich ---------- */
.tr-seitenfuss {
	margin-block-start: 0;
}

.tr-fuss {
	--tr-fokus: var(--wp--preset--color--flaeche);
	--tr-fokus-innen: var(--wp--preset--color--flaeche-dunkel);
	background: var(--tr-dunkel);
	color: var(--tr-weiss);
	padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--klein);
}

.tr-fuss a {
	color: var(--tr-weiss);
}

.tr-fuss a:hover {
	color: var(--wp--preset--color--akzent-hell);
}

.tr-fuss__raster {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	gap: var(--wp--preset--spacing--50);
}

@media (min-width: 64rem) {
	.tr-fuss__raster {
		grid-template-columns: minmax(0, 6fr) minmax(0, 3fr) minmax(0, 3fr);
	}
}

.tr-fuss__raster.tr-fuss__raster > * {
	margin: 0;
	padding-top: var(--wp--preset--spacing--30);
	border-top: 2px solid var(--tr-weiss);
}

.tr-fuss__raster p {
	margin-block: 0 var(--wp--preset--spacing--30);
}

.tr-fuss__name {
	font-size: var(--wp--preset--font-size--gross);
	font-weight: 700;
	letter-spacing: -0.02em;
}

.tr-fuss__titel {
	margin: 0 0 var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
	letter-spacing: 0;
	color: var(--tr-dunkel-leise);
}

.tr-fuss__liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tr-fuss__liste a {
	display: inline-block;
	padding-block: 0.375rem;
	min-height: 24px;
	text-decoration: none;
}

.tr-fuss__liste a:hover,
.tr-fuss__liste a:focus-visible {
	text-decoration: underline;
}

.tr-fuss__basis {
	margin-block-start: var(--wp--preset--spacing--60);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--tr-dunkel-linie);
	color: var(--tr-dunkel-leise);
}

.tr-fuss__basis p {
	margin: 0;
}

.tr-fuss .tr-pruefen {
	background: transparent;
	color: #F2C866;
	border-color: #F2C866;
}

/* ---------- 6. Abschnitte ---------- */
.tr-section {
	padding-block: var(--wp--preset--spacing--70);
}

.tr-seiteninhalt > .tr-section,
.tr-seiteninhalt > .tr-hero {
	margin-block: 0;
}

/* Erster weißer Abschnitt direkt unter dem grauen Titelband: kein doppelter Leerraum (David, 12.10.2026) */
.tr-inhalt--seite .tr-seiteninhalt > .tr-section:first-child:not(.tr-section--alt, .tr-section--dunkel) {
	padding-block-start: var(--wp--preset--spacing--50);
}

.tr-section--alt {
	background: var(--tr-alt);
}

/* Inhaltsseiten: Abschnitte sind nicht „alignfull“ – Fläche trotzdem bis zum Fensterrand ziehen */
.tr-seiteninhalt > .tr-section--alt:not(.alignfull) {
	border-image: linear-gradient(var(--tr-alt) 0 0) fill 0 / / 0 100vw;
}

.tr-seiteninhalt > .tr-section--dunkel:not(.alignfull) {
	border-image: linear-gradient(var(--tr-dunkel) 0 0) fill 0 / / 0 100vw;
}

.tr-section--dunkel,
.tr-cta {
	--tr-fokus: var(--wp--preset--color--flaeche);
	--tr-fokus-innen: var(--wp--preset--color--flaeche-dunkel);
	background: var(--tr-dunkel);
	color: var(--tr-weiss);
}

.tr-section--dunkel :where(h1, h2, h3, h4, h5, h6),
.tr-cta :where(h1, h2, h3, h4, h5, h6) {
	color: var(--tr-weiss);
}

.tr-section--dunkel a:where(:not(.wp-element-button)),
.tr-cta a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--akzent-hell);
}

.tr-section--dunkel :where(p, li),
.tr-section--dunkel .tr-einleitung,
.tr-section--dunkel .tr-kennzahlen__label {
	color: var(--tr-dunkel-leise);
}

/* Lesebreite: Fließtext bleibt bei ~70 Zeichen, linksbündig im breiten Raster */
.tr-seiteninhalt .tr-section > :is(p, ul, ol, h3, h4):not([class*="tr-"]),
.tr-seiteninhalt .tr-section > .tr-checkliste,
.tr-seiteninhalt .tr-section > .tr-einleitung {
	max-width: var(--tr-lese);
	margin-inline: 0 !important;
}

.tr-seiteninhalt .tr-section > h2 {
	max-width: 24ch;
	margin-inline: 0 !important;
}

/* Abschnittskopf: Überschrift links, Einleitung rechts (Startseite) */
.tr-section__kopf {
	margin-block-end: var(--wp--preset--spacing--60);
}

.tr-section__kopf > * {
	margin-block: 0;
}

.tr-section__kopf > h2 {
	max-width: 18ch;
	margin-block-end: var(--wp--preset--spacing--30);
	font-size: clamp(2rem, 1.3rem + 2.6vw, 3.25rem);
	letter-spacing: -0.03em;
}

.tr-section__kopf > p {
	max-width: 56ch;
	color: var(--tr-leise);
}

.tr-section--dunkel .tr-section__kopf > p {
	color: var(--tr-dunkel-leise);
}

@media (min-width: 64rem) {
	.tr-section__kopf {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		column-gap: var(--wp--preset--spacing--60);
		align-items: end;
	}

	.tr-section__kopf > h2 {
		margin-block-end: 0;
	}

	.tr-section__kopf > :not(h2) {
		grid-column: 2;
	}
}

/* Inhaltsseiten ab 64 rem: Abschnittstitel links (nicht klebend, siehe unten), Inhalt rechts – wie ein Datenblatt */
@media (min-width: 64rem) {
	.tr-inhalt--seite .tr-seiteninhalt > .tr-section {
		display: grid;
		grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
		column-gap: clamp(2rem, 5vw, 6rem);
		row-gap: 0;
		align-items: start;
	}

	.tr-inhalt--seite .tr-seiteninhalt > .tr-section > * {
		grid-column: 2;
		margin-inline: 0 !important;
		min-width: 0;
	}

	.tr-inhalt--seite .tr-seiteninhalt > .tr-section > * + * {
		margin-block-start: var(--wp--preset--spacing--40);
	}

	.tr-inhalt--seite .tr-seiteninhalt > .tr-section > h2:first-child {
		grid-column: 1;
		grid-row: 1 / span 60;
		/* Bewusst nicht klebend: Breite Module weiter unten (Partnerkacheln, Raster) würden sonst
		   unter- bzw. überlaufen (David, 12.10.2026). */
		margin-block: 0;
		font-size: clamp(1.75rem, 1.2rem + 1.4vw, 2.5rem);
	}

	.tr-inhalt--seite .tr-seiteninhalt > .tr-section > h2:first-child + * {
		margin-block-start: 0;
	}

	.tr-inhalt--seite .tr-seiteninhalt > .tr-section > :is(.tr-raster, .tr-schritte, .tr-kennzahlen, .tr-produktfinder, .tr-teile, .tr-assistent, .tr-cta, .wp-block-columns) {
		grid-column: 1 / -1;
		margin-block-start: var(--wp--preset--spacing--50);
	}

	/* Steht direkt unter dem Titel ein breites Modul, läuft der Titel als normaler Kopf darüber */
	.tr-inhalt--seite .tr-seiteninhalt > .tr-section > h2:first-child:has(+ :is(.tr-raster, .tr-schritte, .tr-kennzahlen, .tr-produktfinder, .tr-teile, .tr-assistent, .wp-block-columns)) {
		grid-column: 1 / -1;
		grid-row: auto;
		margin-block-end: var(--wp--preset--spacing--30);
	}

	.tr-inhalt--seite .tr-seiteninhalt > .tr-section > :first-child { margin-block-start: 0; }

	/* FAQ-Gruppe mit eigener Überschrift: dieselbe Zweiteilung innerhalb der Gruppe */
	.tr-inhalt--seite .tr-seiteninhalt > .tr-section > .tr-faq:has(> h2:first-child) {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
		column-gap: clamp(2rem, 5vw, 6rem);
		align-items: start;
	}

	.tr-inhalt--seite .tr-section > .tr-faq:has(> h2:first-child) > * {
		grid-column: 2;
		margin-inline: 0 !important;
	}

	.tr-inhalt--seite .tr-section > .tr-faq > h2:first-child {
		grid-column: 1;
		grid-row: 1 / span 40;
		margin: 0;
		font-size: clamp(1.75rem, 1.2rem + 1.4vw, 2.5rem);
	}
}

/* ---------- 7. Hero: geteiltes Layout, Bild läuft bis zum Fensterrand ---------- */
.tr-hero {
	position: relative;
	isolation: isolate;
	padding-block: 0;
	background: var(--tr-weiss);
	border-bottom: 1px solid var(--tr-linie);
}

.tr-hero__raster {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.tr-hero__raster.tr-hero__raster > * {
	margin-block: 0;
}

.tr-hero__inhalt {
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}

.tr-hero__inhalt > * {
	margin-block: 0;
}

.tr-hero h1 {
	margin-block: var(--wp--preset--spacing--40);
	font-size: clamp(2.375rem, 1.25rem + 3.6vw, 4.5rem);
	line-height: 1.02;
	letter-spacing: -0.035em;
	max-width: 14ch;
}

.tr-hero .tr-einleitung {
	max-width: 54ch;
	margin-block-end: var(--wp--preset--spacing--50);
	font-size: var(--wp--preset--font-size--basis);
	line-height: 1.65;
	color: var(--tr-leise);
}

.tr-hero .wp-block-buttons {
	gap: var(--wp--preset--spacing--30);
}

/* Kicker als Maßlinie: Strich mit Endmarken wie in einer technischen Zeichnung */
.tr-hero__kicker {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
	letter-spacing: 0.01em;
	color: var(--tr-text);
}

.tr-hero__kicker::before {
	content: "";
	flex: 0 0 2.75rem;
	height: 0.625rem;
	border-inline: 2px solid var(--tr-rot);
	background: linear-gradient(var(--tr-rot), var(--tr-rot)) center / 100% 2px no-repeat;
}

.tr-hero__nebenweg {
	margin-block: var(--wp--preset--spacing--40) 0;
	font-size: var(--wp--preset--font-size--klein);
	color: var(--tr-leise);
}

/* Bild randabfallend; rote Passermarken an zwei Ecken */
.tr-hero__bild {
	position: relative;
	margin: 0 calc(-1 * var(--tr-rand));
	aspect-ratio: 3 / 2;
	background: var(--tr-dunkel);
}

.tr-hero__bild img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tr-hero__bild::before,
.tr-hero__bild::after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 2rem;
	height: 2rem;
	border: 0 solid var(--tr-weiss);
	pointer-events: none;
}

.tr-hero__bild::before {
	top: 1.25rem;
	inset-inline-start: 1.25rem;
	border-width: 2px 0 0 2px;
}

.tr-hero__bild::after {
	bottom: 1.25rem;
	inset-inline-start: 1.25rem;
	border-width: 0 0 2px 2px;
	border-color: var(--tr-rot);
}

@media (min-width: 60rem) {
	.tr-hero__raster {
		grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
		column-gap: clamp(2rem, 4vw, 4.5rem);
	}

	.tr-hero__inhalt {
		align-self: center;
		padding-block: var(--wp--preset--spacing--70);
	}

	.tr-hero__bild {
		grid-column: 2;
		grid-row: 1;
		margin: 0 calc(-1 * var(--tr-ueberstand)) 0 0;
		aspect-ratio: auto;
		min-height: 100%;
	}

	.tr-hero__fakten {
		grid-column: 1 / -1;
	}
}

/* ---------- 8. Schaltflächen ---------- */
.wp-block-button__link {
	min-height: var(--tr-ziel);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: background-color var(--tr-dauer) var(--tr-kurve), color var(--tr-dauer) var(--tr-kurve);
}

.wp-block-button.tr-button-sekundaer .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--tr-text);
	border: 2px solid var(--tr-text);
}

.wp-block-button.tr-button-sekundaer .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--tr-text);
	color: var(--tr-weiss);
	border-color: var(--tr-text);
}

:where(.tr-section--dunkel, .tr-cta, .tr-fuss, .tr-kontaktband) .wp-block-button.tr-button-sekundaer .wp-block-button__link {
	color: var(--tr-weiss);
	border-color: var(--tr-weiss);
}

:where(.tr-section--dunkel, .tr-cta, .tr-fuss, .tr-kontaktband) .wp-block-button.tr-button-sekundaer .wp-block-button__link:hover {
	background: var(--tr-weiss);
	color: var(--tr-text);
}

/* ---------- 9. Hilfsklassen & Bewegung ---------- */
.screen-reader-text:not(:focus) { clip-path: inset(50%); }

/* Einmaliger, ruhiger Auftritt des Hero beim Laden */
@media (prefers-reduced-motion: no-preference) {
	.tr-hero__inhalt > * {
		animation: tr-auftritt 560ms var(--tr-kurve) both;
	}

	.tr-hero__inhalt > :nth-child(2) { animation-delay: 60ms; }
	.tr-hero__inhalt > :nth-child(3) { animation-delay: 120ms; }
	.tr-hero__inhalt > :nth-child(n+4) { animation-delay: 180ms; }
}

/* Einblenden beim Scrollen: nur mit Scroll-Zeitleiste; ohne Unterstützung ist alles sofort sichtbar. */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.tr-section__kopf,
		.tr-produktfinder__eintrag,
		.tr-assistent__karte,
		.tr-schritte > li,
		.tr-kachel,
		.tr-shop,
		.tr-kontaktband__daten {
			animation: tr-auftritt linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 55%;
		}
	}
}

@keyframes tr-auftritt {
	from {
		opacity: 0;
		transform: translateY(1rem);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.tr-logo img {
		animation: none !important;
	}
}

@media print {
	.tr-seitenkopf,
	.tr-seitenfuss {
		display: none;
	}
}

/* Social-Links im Fuß: schlichte Text-Pillen, keine Einbettung, kein Tracking */
.tr-sozial {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: var(--wp--preset--spacing--30) 0 0;
	padding: 0;
	list-style: none;
}

.tr-fuss .tr-sozial__link {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding: 0.35rem 0.9rem;
	border: 1px solid currentColor;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 600;
}

.tr-fuss .tr-sozial__link:hover,
.tr-fuss .tr-sozial__link:focus-visible {
	background: var(--tr-weiss);
	color: var(--tr-dunkel);
}

/* ---------- Rechts-nach-links (Arabisch) und Schriften AR/ZH (ADR-002, Phase R) ---------- */
/* Systemschriften statt Montserrat (deckt weder Arabisch noch Chinesisch ab); keine Schriftdateien. */
html:lang(ar) {
	--wp--preset--font-family--montserrat: "Noto Sans Arabic", "Segoe UI", Tahoma, "Geeza Pro", system-ui, sans-serif;
}

html:lang(zh) {
	--wp--preset--font-family--montserrat: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, sans-serif;
}

/* Sperrung trennt arabische Buchstaben, die verbunden geschrieben werden */
html:lang(ar) body,
html:lang(ar) body * {
	letter-spacing: normal !important;
}

/* Richtungspfeile spiegeln (Logos, Fotos, Häkchen und Aufklapp-Pfeile nicht) */
[dir="rtl"] .tr-assistent__pfeil {
	transform: scaleX(-1);
}

[dir="rtl"] .tr-assistent__karte:hover .tr-assistent__pfeil,
[dir="rtl"] .tr-assistent__karte:focus-within .tr-assistent__pfeil {
	transform: translateX(-0.25rem) scaleX(-1);
}

[dir="rtl"] .tr-produktfinder__bildrahmen::after {
	transform: scaleX(-1);
}

/* Linien wachsen von der Startseite der Zeile aus */
[dir="rtl"] body.stil-c .wp-element-button::before,
[dir="rtl"] .tr-logo img,
[dir="rtl"] .tr-shop.tr-karte::after,
[dir="rtl"] .tr-nav__link::after,
[dir="rtl"] .tr-produktfinder__eintrag::before {
	transform-origin: right center;
}