/* ============================================================
   BRAND-SIGNPOST — Wegweiser zur jeweils anderen Marke
   Fusszone der Hero-Claim-Card.

   FASSUNG 2 (2026-08-21, nach Design-Review). Fassung 1 war ein tertiaerer
   Textlink unter einer Haarlinie. Urteil JD: „hebt sich nicht ab, man wandert
   nicht mit dem Auge hin". Die Diagnose war NICHT „zu klein", sondern
   Materialgleichheit — vier konkrete Ursachen:

   1. Der Kicker „IN ENGLISH" etikettierte die Zeile als SPRACHSERVICE, nicht als
      Organisation. Wer die Alliance sucht, sucht keine Sprache und filtert die
      Zeile weg, bevor er den Markennamen darunter liest. Die Sprachinfo steht
      jetzt in Zeile 2, die Marke in Zeile 1.
   2. Zwei gestapelte vollbreite Buttons sind das Signal „Ende der Optionen".
      Haarlinie + kleinere Schrift darunter las sich als Karten-Fussnote.
   3. Der Markenname stand in 17px/600 Blau — identisch mit der Beschriftung des
      Buttons direkt darueber. Keine eigene Signatur, peripher nicht trennbar.
   4. Der Rest der Zeile war Grau 400/17px — dieselbe Textur wie der Fliesstext.

   Loesung ist deshalb ein MATERIALWECHSEL, kein groesserer Button: eine dunkle
   Flaeche in der Hero-eigenen Farbe (--bks-blue-900, zugleich Kartengrund-Navy).
   Dunkel auf Weiss ist der staerkste Figur-Grund-Kontrast im Hero — das Auge
   landet dort auch peripher.

   Der Markenname steht im Marken-Orange #e86a2a (Token --orange). Auf dem Navy hat es
   5,06:1 Kontrast, also AA auch fuer normalen Text — anders als auf Weiss, wo dasselbe
   Orange durchfaellt und deshalb --accent-text (#b8470f) existiert. Auf dem dunklen
   Grund ist es die einzige warme Farbe der Seite und damit die staerkste Scan-Signatur;
   die Werbebanner-Gefahr, die eine orange FLAECHE haette, entsteht bei orangem TEXT auf
   dunklem Grund nicht. NICHT Hausblau (waere der dritte blaue Block neben den zwei
   Buttons → Button-Inflation).
   Bewusst NICHT ueber der H1: dort wuerde es als Dachzeile gelesen, also als Name
   der Seite, auf der man gerade steht — das beschaedigt die Markenhierarchie.

   Markup: bks_brand_signpost() in functions.php.
   ============================================================ */

.bks-rd .brand-signpost {
	display: block;
	/* Randlos bis an die Kartenkanten: die Negativraender spiegeln das Padding
	   der .hero-card (48px 46px, unter 560px 34px 26px). Aendert sich das dort,
	   muss es hier mitgezogen werden. */
	margin: 28px -46px -48px;
	padding: 20px 46px;
	min-height: 84px;
	border-radius: 0 0 var(--r-lg, 8px) var(--r-lg, 8px);
	background: var(--bks-blue-900, #0d2137);
	text-decoration: none;
	transition: background 0.18s ease;
}

.bks-rd .brand-signpost__name {
	display: block;
	font-size: var(--fs-4);
	font-weight: 700;
	line-height: 1.3;
	color: var(--orange, #e86a2a);
	/* balance verteilt die Zeilen gleichmaessig statt letzte Zeile = ein Wort. */
	text-wrap: balance;
	max-width: 30ch;
}

/* Letztes Wort + Pfeil zusammenhalten (siehe Kommentar im Shortcode). */
.bks-rd .brand-signpost__last { white-space: nowrap; }

.bks-rd .brand-signpost__arrow {
	display: inline-block;
	margin-left: 8px;
	color: var(--orange, #e86a2a);
	transition: transform 0.16s ease;
}

.bks-rd .brand-signpost__sub {
	display: block;
	margin-top: 4px;
	font-size: var(--fs-5);
	font-weight: 400;
	line-height: 1.4;
	color: var(--bks-blue-100, #d6e6ef);
	text-wrap: pretty;
	max-width: 46ch;
}

.bks-rd .brand-signpost:hover,
.bks-rd .brand-signpost:focus-visible { background: var(--bks-blue-800, #004566); }

.bks-rd .brand-signpost:hover .brand-signpost__arrow { transform: translateX(4px); }

/* Fokusring nach INNEN, sonst laege er ausserhalb der Kartenkante. */
.bks-rd .brand-signpost:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -6px;
}

@media (max-width: 560px) {
	.bks-rd .brand-signpost {
		margin: 24px -26px -34px;
		padding: 18px 26px;
		min-height: 0;
	}
}