/* ============================================================
   entity-link.css — Stretched-Link fuer Listenzeilen

   Gehoert zu LoD.entityLinkHtml (utils/url-state.js). Der Titel einer
   Listenzeile wird zum echten <a href="<deeplink>"> und sein ::after spannt
   ueber die GANZE Zeile — damit ist die Zeile fuer den Browser ein Link:
   Strg-/Mittelklick oeffnet einen neuen Tab, die Statusleiste zeigt das Ziel,
   das Kontextmenue bietet „Link in neuem Tab oeffnen", und Tab+Enter
   erreichen die Zeile ohne role="button"-Kruecke.

   ★ DER HOST MUSS `position: relative` TRAGEN. Ohne das bezieht sich
   `inset: 0` auf den naechsten positionierten Vorfahren — im besten Fall
   deckt der Link dann nur seinen eigenen Text ab (funktioniert, aber die
   Zeile fuehlt sich nicht wie ein Link an), im schlechtesten spannt er ueber
   den halben Bildschirm und faengt fremde Klicks. CSS meldet weder das eine
   noch das andere.

   ★ INTERAKTIVE KINDER (Buttons, Checkboxen, eigene Links) muessen
   `position: relative; z-index: 2` tragen, sonst liegen sie UNTER dem
   ::after und sind nicht mehr klickbar. Die heutigen Nutzer (Datenschutz-
   Karte, Personal-Zeile, Geraete-/Fahrzeug-Karte) haben keine — wer eine
   Karte mit Aktionen umstellt, zieht das mit.

   Verwandtes Muster mit eigener Fassung: `.fk-card-title-link`
   (sections/firmen/firmen.css) — dort tabgescopt gewachsen, inhaltlich
   dasselbe. Nicht zusammengelegt, weil die Firmen-Fassung zusaetzlich
   Farbe/Hover der Karte traegt.
   ============================================================ */

.app-entity-link {
  /* Der Titel soll wie Text aussehen, nicht wie ein Web-Link — die Zeile ist
     die Interaktion, nicht das Wort. */
  text-decoration: none;
  color: inherit;
}

.app-entity-link::after {
  content: '';
  position: absolute;
  inset: 0;
  /* Ueber der Kartenflaeche, aber unter allem, was sich selbst hebt. */
  z-index: 1;
}

.app-entity-link:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}