/*
 * badge.css
 * --------------------------------------------------------------------------
 * Kanonisches "Arvela empfiehlt"-Siegel — EINE Quelle für alle Oberflächen
 * (SSR-Übersicht, SSR-Detailseite, statische Landing). Eingebunden per
 *   <link rel="stylesheet" href="/badge.css">
 *
 * Optik: text-only — Versal-Text "ARVELA EMPFIEHLT" (DM Mono), Gold-Rahmen,
 * KEIN border-radius, KEIN Symbol. Nur bei featured=true rendern (Aufgabe des
 * einbindenden Markups / Partials).
 *
 * Feste Hellschrift (#FDFAF5) + fester dunkler Grund → lesbar in giorno UND
 * notte, unabhängig von der Token-Inversion einzelner Seiten. --gold invertiert
 * nicht; Fallback #B8975A, falls die Seite keine Marken-Tokens definiert.
 *
 * Position: default oben links (absolute) — der Container muss position:relative
 * sein. Abweichende Offsets (z. B. Detail-Hero hinter der Nav) überschreibt die
 * jeweilige Seite lokal per Kontext-Selektor, nicht diese Datei.
 */
.aurelis-empfiehlt {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--mono, 'DM Mono', monospace);
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #FDFAF5;
  background: rgba(28, 28, 26, 0.62);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px solid var(--gold, #B8975A);
  border-radius: 0;
  padding: 6px 12px;
  white-space: nowrap;
}