/*
   ================== Telefon und App (13.09.2026) ==================

   Eigene Datei statt eines weiteren Blocks am Ende von munta.css: Hier
   steht alles, was nur am Telefon oder in der installierten App gilt.
   Wer später aus Muntafuner eine App im Play Store / App Store baut,
   findet die Stellschrauben an einem Ort.

   Wird im Layout NACH munta.css geladen und gewinnt deshalb bei gleicher
   Spezifität.
*/

/* ---------------------------------------------------------------------
   1. Kein Hineinzoomen beim Antippen eines Eingabefelds.

   Safari am iPhone vergrößert die ganze Seite, sobald ein Feld mit
   weniger als 16 px Schrift den Fokus bekommt — und zoomt danach nicht
   von selbst zurück. Die Prüfung am 13.09. fand solche Felder auf JEDER
   Seite (Suche, Rückmeldung, Filter). Nur auf Geräten mit Fingerbedienung,
   am Rechner bleibt die feinere Schrift.
   --------------------------------------------------------------------- */
@media (hover: none) and (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select,
  textarea {
    font-size: max(16px, 1em);
  }
}

/* ---------------------------------------------------------------------
   2. Antippen sichtbar, aber ohne den grauen Kasten.
   --------------------------------------------------------------------- */
html {
  -webkit-tap-highlight-color: rgba(254, 138, 0, .18);
  text-size-adjust: 100%;
}

/* ---------------------------------------------------------------------
   3. Kerbe und abgerundete Ecken.

   Das Layout setzt `viewport-fit=cover` — damit darf die Seite bis in die
   Ecken reichen, muss dann aber selbst Abstand zur Kamerakerbe halten.
   Hochkant sind die Werte 0, quer am iPhone rund 47 px links oder rechts.
   --------------------------------------------------------------------- */
body {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.site-header {
  padding-top: env(safe-area-inset-top, 0px);
}
.bottom-nav {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.zurueckschweber {
  margin-right: env(safe-area-inset-right, 0px);
}

/* ---------------------------------------------------------------------
   4. Nur in der installierten App (vom Startbildschirm gestartet).

   Dort gibt es keine Adresszeile und keinen Zurück-Knopf des Browsers.
   Die Leiste unten ist die Navigation — langes Drücken auf ihre Knöpfe
   soll kein „Link öffnen / kopieren"-Menü aufklappen wie auf einer
   Webseite, und ihre Beschriftung soll sich nicht markieren lassen.
   --------------------------------------------------------------------- */
@media (display-mode: standalone), (display-mode: fullscreen) {
  .bottom-nav,
  .site-header,
  .zurueckschweber {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
  /* Kein Nachfedern über den Seitenrand hinaus — das wirkt in einer App
     wie ein Fehler, im Browser dagegen gewohnt. */
  html, body {
    overscroll-behavior-y: none;
  }
}