/* ==========================================================
   Tippy.js - eigenes Theme "streamdock": bewusst HELL (weißes Popup mit
   dunklem Text), da ein dunkler Tooltip auf dem dunklen Seiten-Hintergrund
   kaum Kontrast zur Karte darunter hat. Nutzung: tippy(el, { theme: 'streamdock', ... }).
   Analog zu sweetalert2_dark.css fuer SweetAlert2 (dort umgekehrt).

   WICHTIG: js/tippy/tippy.css (die von Tippy mitgelieferte Basis-CSS, liegt
   NICHT im WORK-Ordner, sondern direkt auf dem Live-Server) stylt
   ".tippy-box" bereits standardmaessig dunkel (#333/#fff), OHNE dass dafuer
   ein data-theme noetig ist. Diese Datei hier wird zwar in header.php NACH
   tippy.css eingebunden, um ganz sicherzugehen (falls dort z.B. per
   Layer/Reihenfolge doch etwas dazwischenfunkt) stehen alle Werte hier
   trotzdem mit !important - Aenderungen an dieser Datei greifen daher immer,
   unabhaengig vom Inhalt der Basis-tippy.css. Nach dem Speichern hier bitte
   auch style/tippy-theme.css (und ggf. includes/header.php, falls dort noch
   nicht geschehen) auf den Live-Server hochladen, sonst bleibt der alte
   Stand sichtbar. */

.tippy-box[data-theme~='streamdock'] {
  background-color: #ffffff !important;
  color: #16161a !important;
  border: 1px solid var(--border-card) !important;
  border-radius: var(--radius-sm) !important;
  font-family: var(--font-family) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28), 0 2px 6px rgba(0, 0, 0, 0.18) !important;
}

.tippy-box[data-theme~='streamdock'] .tippy-content {
  padding: 8px 11px !important;
  color: #16161a !important;
}

.tippy-box[data-theme~='streamdock'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #ffffff !important;
}
.tippy-box[data-theme~='streamdock'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #ffffff !important;
}
.tippy-box[data-theme~='streamdock'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #ffffff !important;
}
.tippy-box[data-theme~='streamdock'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #ffffff !important;
}