/* Zugänglichkeit und Bedienbarkeit, ohne das Ruhebild zu ändern. Maßstab: Apple Human Interface Guidelines und Emil Kowalskis Apple-Design-Skill
   (Befund: Vault Projekte/Apple-Design-Skill — Abgleich mit der SDI-Seite). Jede Regel greift nur in dem Fall, den ihr Kommentar nennt. */

/* Wer "Bewegung reduzieren" eingestellt hat: keine Animationen, kein Code-Regen über die ganze Seite. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
  }
  .sdi-rain { display: none !important; }
}

/* Wer "Transparenz reduzieren" eingestellt hat: kein Weichzeichnen hinter dem Glas. */
@media (prefers-reduced-transparency: reduce) {
  *, *::before, *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* Rückmeldung beim Drücken, damit Knöpfe am Handy (ohne Hover) nicht tot wirken. Eigenschaft "scale" stört keine bestehende "transform". */
button:active, a[href]:active, [role="button"]:active, [style*="cursor:pointer"]:active, [style*="cursor: pointer"]:active {
  scale: .97;
}

/* Am Handy zoomt das iPhone beim Antippen eines Feldes unter 16 px die Seite. Nur am Handy, am Rechner bleibt die Schrift wie sie ist. */
@media (max-width: 767px) {
  /* Auch gegen die Klasse .olivia-input (11 px am Handy) durchsetzen, daher die höhere Spezifität. */
  input:not([type=checkbox]):not([type=radio]), textarea, select { font-size: 16px !important; }
  /* Eingabe bleibt 16 px (sonst zoomt das iPhone), nur der graue Hinweistext im Chat von Olivia ist 30 Prozent kleiner. */
  #oliviaInput::placeholder { font-size: 11px; }
}