/* Lokale Ergänzungen zum DSS (portal/dss/components.css ist eine unveränderte Kopie).
   Diese Regeln hatte das Vereinsregister selbst ergänzt, das DSS führt sie (noch) nicht:
   - Brotkrumen: Listenstruktur (nav.dss-crumbs > ol) und 44 px Zielgröße (WCAG 2.5.5) auf dem DSS-Markup
   - Links in Tabellen und Spielzeilen (.dss-tbl a, .dss-row-main a): Farbe, Fokus, 44 px Zielgröße
   - Seitennavigation als Pillen (.dss-pagenav), Chips in Form-Anzeigen (.dss-form .dss-chip)
   - Vereinssitz-Pin der Karte (.dss-map-pin--seat), dunkle Kacheln (.dss-map .leaflet-tile-pane)
   Ziel: nach und nach ins DSS zurückgeben und hier streichen. */

.dss-form .dss-chip { min-height: 24px; padding: 2px 8px;}
.dss-tbl th.wrap,
.dss-tbl td.wrap { white-space: normal; min-width: 11rem;}
.dss-row-meta { flex-basis: 100%; font-size: 12.5px; color: var(--dss-mute);}
.dss-row-main a,
.dss-tbl a {
  display: inline-flex; align-items: center; min-height: 44px; color: var(--dss-fg);
  text-decoration: underline; text-decoration-color: var(--dss-line-strong); text-underline-offset: 3px;}
.dss-row-main a:hover,
.dss-tbl a:hover { text-decoration-color: var(--amber-500);}
.dss-row-main a:focus-visible,
.dss-tbl a:focus-visible { outline: var(--ring-w) solid var(--ring-color); outline-offset: 2px;}
.dss-row-meta a { color: var(--dss-link);}
.dss-row-teams a { display: inline; min-height: 0;}
@media (max-width: 560px) {
  .dss-row--match .dss-row-when { grid-column: 1 / -1;}
}
.dss-map-pin--seat {
  width: 28px; height: 28px; border-radius: 8px; background: var(--ink-1000); color: var(--n-0);
  display: grid; place-items: center; box-sizing: border-box;}
.dss-map-pin--seat svg { width: 16px; height: 16px; fill: currentColor;}
.dss-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; list-style: none; margin: 0; padding: 0;}
.dss-crumbs li { display: inline-flex; align-items: center; gap: 6px; min-width: 0; overflow-wrap: anywhere;}
a.dss-crumbs-item { min-height: 44px; min-width: 44px;}
h2[id] { scroll-margin-top: 1rem;}
.dss-pagenav ul { list-style: none; margin: 0; padding: 0;}
.dss-pagenav .dss-tab { text-decoration: none; color: var(--dss-link);}
:root[data-theme="dark"] .dss-map .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(0.85) contrast(0.9);}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .dss-map .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(0.85) contrast(0.9);}
}