/* ===========================================================================
   Steiner Footer Signature — Plugin-Stylesheet.

   Jeder Selektor hängt an #steiner-footer-signature. Nichts hier greift auf
   body-Typografie, Navigation, Theme-Footer, Rechtslinks, Musikschalter oder
   Projektinhalte zu. Das Plugin bringt keine eigene Schrift mit: die
   Credit-Zeile erbt die Grundschrift der Seite, genau wie die freigegebene
   Fassung im Theme es tat.

   Farb- und Schrifttoken werden über var(--token, Rückfallwert) gelesen. Auf
   „Goldener Tukan" greifen dadurch exakt die Theme-Werte; ohne diese Token
   trägt der Rückfallwert dieselbe Erscheinung.
   ========================================================================= */

#steiner-footer-signature {
	box-sizing: border-box;
	width: 100%;
	/* Dieselbe Fläche wie der Theme-Footer darüber, damit der Block als
	   stille Fortsetzung liest und keine sichtbare Kante entsteht. Kein
	   Rahmen, keine Rundung, kein Schatten, keine Karte. */
	background: var(--ivory, #fbf9f4);
	/* 14px oben, nicht 34px: der Theme-Footer endet mit 20px eigenem
	   Innenabstand, und 20 + 14 ergibt genau den freigegebenen Abstand von
	   34px zwischen der Rechtszeile und der Signatur.
	   84px unten = die freigegebenen 64px plus dieselben 20px, damit der
	   Credit exakt so hoch über dem Seitenende sitzt wie in der Abnahme —
	   und damit die Freihaltung gegenüber dem fest positionierten
	   Musikschalter unverändert bleibt. Der Schalter reicht 62px (breit)
	   bzw. 56px (schmal) von unten herauf. */
	padding: 14px 0 84px;
	text-align: center;
}

#steiner-footer-signature *,
#steiner-footer-signature *::before,
#steiner-footer-signature *::after {
	box-sizing: border-box;
}

#steiner-footer-signature .steiner-footer-signature__inner {
	width: min(1320px, calc(100% - 72px));
	margin: 0 auto;
}

#steiner-footer-signature .steiner-footer-signature__signature {
	margin: 0;
	padding: 0;
}

#steiner-footer-signature .steiner-footer-signature__link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

#steiner-footer-signature .steiner-footer-signature__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

/* 68px ist die freigegebene Desktop-Größe UND die harte Obergrenze. Das
   clamp ist die vom Auftraggeber allein für das Emblem erlaubte Ausnahme:
   12vw greift erst unterhalb von rund 567px Ansichtsbreite, wo ein 68px
   großes Siegel neben der 14px-Byline die Inhaltsspalte eines 390px-Telefons
   sprengen würde. Ab 834px ergibt sich überall exakt 68px. */
#steiner-footer-signature .steiner-footer-signature__emblem {
	flex: 0 0 auto;
	display: block;
	width: clamp(46px, 12vw, 68px);
	height: auto;
	max-width: 100%;
	border: 0;
	background: none;
	box-shadow: none;
}

#steiner-footer-signature .steiner-footer-signature__byline {
	font-family: var(--serif, Georgia, "Times New Roman", serif);
	font-size: 14px;
	letter-spacing: .02em;
	color: var(--muted, #6d675f);
}

/* 12px ist der ausdrückliche Lesbarkeitswert des Auftraggebers, gewählt
   nachdem 11px am Bildschirm geprüft und offengelegt wurde, dass die
   Rechtszeile des Themes selbst 10px misst. Der Credit ist damit bewusst
   2px größer als die Rechtszeile; die Unterordnung trägt die 14px-Byline
   darüber. */
#steiner-footer-signature .steiner-footer-signature__credit {
	margin: 18px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: .015em;
	color: #8a837a;
}

/* Nur an den Trennpunkten umbrechen, niemals innerhalb eines Segments. Das
   erste Segment bleibt umbrechbar: nowrap würde ein 390px-Telefon sprengen. */
#steiner-footer-signature .steiner-footer-signature__credit span {
	white-space: nowrap;
}
