/* ============================================================
   Air Datepicker — an das inexogy-Theme angebunden.
   Die --adp-* Variablen zeigen auf die bestehenden Design-Tokens
   (base.css). Da diese Tokens selbst per :root[data-theme="light"]
   umschalten, folgt der Kalender automatisch dem Dark/Light-Wechsel
   — kein separater Light-Override, kein JavaScript nötig.
   ============================================================ */
.air-datepicker {
  --adp-font-family: var(--font);
  --adp-background-color: var(--surface);
  --adp-background-color-hover: var(--mako-bg);
  --adp-background-color-active: var(--mako-bg);
  --adp-color: var(--text);
  --adp-color-secondary: var(--text-muted);
  --adp-accent-color: var(--accent);
  --adp-border-color: var(--border-card);
  --adp-border-color-inner: var(--border-field);
  --adp-border-radius: 10px; /* wie .card */
  --adp-day-name-color: var(--text-muted);
  --adp-color-current-date: var(--accent);

  /* ausgewählte Zelle: Akzentfläche mit dunkler Schrift (wie .seg-btn:checked) */
  --adp-cell-background-color-selected: var(--accent);
  --adp-cell-background-color-selected-hover: var(--accent);
  --adp-color-cell-selected: #15171A;

  /* Hover auf Zellen: dezente Akzent-Fläche */
  --adp-cell-background-color-hover: rgba(133, 190, 0, .14);

  /* deaktivierte Tage etwas gedämpfter als der Standard */
  --adp-color-disabled: var(--text-muted);

  box-shadow: var(--card-shadow);
}

/* Popup soll über den Cards liegen */
.air-datepicker.-active- {
  z-index: 100;
}