/*
 * Live-Störungs-Icon im Sticky-Header.
 *
 * Das Störungs-Icon liegt im Theme (psn_bootstrap_template) in `.support-links`.
 * Je nach Theme-Konfiguration ist es in einen Link `a.fault-reports` gewrappt
 * (so auf Live) ODER steht als nacktes `<img alt="Icon Störungen">` da (so auf Dev,
 * wenn die Seiten-Konstanten des Themes nicht ans Partial durchgereicht werden).
 * Wir greifen deshalb BEIDE Varianten – über den Link UND über das <img>.
 *
 * StoerungBadge.js fragt den ungecachten Endpoint /psn-stoerung-status ab, setzt bei
 * aktiver Störung die Klasse `psn-stoerung-active` und tauscht die Bildquelle auf das
 * in den Einstellungen gepflegte „Pin-Icon Störung" (Feld icon_disruption) – dasselbe
 * Icon wie die Störungs-Pins auf der Karte. Kein Theme-Eingriff nötig.
 */

/* Baustellen-Icon dauerhaft aus dem Header – ob mit <a>-Wrapper (Live) oder als
   nacktes <img> (Dev). Baustellen bleiben über die normale Navigation erreichbar. */
.support-links a.construction-sites,
.support-links img[alt="Icon Baustellen"] {
    display: none !important;
}

/* Störungs-Icon: standardmäßig aus, nur bei aktiver Störung sichtbar (beide Varianten). */
.support-links a.fault-reports:not(.psn-stoerung-active),
.support-links img[alt="Icon Störungen"]:not(.psn-stoerung-active) {
    display: none !important;
}

/* Icon-Größe im Header: 50×50 (das Settings-Icon kann beliebige Maße haben;
   object-fit hält das Seitenverhältnis). !important, damit es Theme-Media-Queries
   auf Tablet/Smartphone schlägt. */
.support-links a.fault-reports img,
.support-links img[alt="Icon Störungen"] {
    width: 50px !important;
    height: 50px !important;
    object-fit: contain;
}

/* Kein extra Kasten: den roten Theme-Rahmen + weißen Hintergrund + Padding des
   <a>-Wrappers im aktiven Zustand entfernen. Nur relevant, wenn der Wrapper existiert. */
.support-links a.fault-reports.psn-stoerung-active {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
}

/* Sichtbarkeit garantieren: das AKTIVE Störungs-Icon muss auf allen Viewports
   erscheinen – Desktop, Tablet UND Smartphone. Überschreibt eine etwaige
   Theme-Ausblendung im Mobile-Layout. */
.support-links a.fault-reports.psn-stoerung-active,
.support-links img[alt="Icon Störungen"].psn-stoerung-active {
    display: inline-flex !important;
}