/* ===========================================================================
 * Ruhe im Kalender.
 *
 * Der Monatskalender hat nie einen Gestaltungsdurchgang bekommen - er ist
 * ueber Monate gewachsen. Am lautesten war das Pluszeichen: 42 gefuellte
 * orange Kreise, einer in jeder Zelle, fuer eine Nebenhandlung.
 *
 * Diese Datei haelt das, was sich nicht inline sagen laesst: Zustaende.
 * Alles andere steht im EJS, weil es dort schon steht.
 * ======================================================================== */

/* Das Pluszeichen ruht, bis man es braucht. Es verschwindet nicht - wer
   es sucht, findet es; wer es nicht sucht, wird nicht angesprungen. */
.kalender-monat .tag-plus {
  transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}

.kalender-monat .tag-plus:hover,
.kalender-monat .tag-plus:focus-visible {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--contrast-text);
}

/* Die ganze Zelle hebt das Plus hervor, nicht nur das Plus selbst - sonst
   muesste man die 20 Pixel genau treffen, bevor man sieht, dass da etwas ist. */
.kalender-monat .kal-zelle:hover .tag-plus {
  border-color: var(--accent);
  color: var(--accent);
}

@media (prefers-reduced-motion: reduce) {
  .kalender-monat .tag-plus { transition: none; }
}

/* Auf schmalen Geraeten ist das Plus ohnehin nicht zu treffen, und der
   Fingerdruck auf die Zelle fuehrt an denselben Ort. */
@media (max-width: 640px) {
  .kalender-monat .tag-plus { display: none; }
}