/* ==========================================================================
   custom.css — Additive Optimierungen für Mobile / iPhone
   Wird NACH nicepage.css und der jeweiligen Seiten-CSS geladen.
   Greift ausschließlich ergänzend ein und verändert das bestehende
   Nicepage-Layout nicht. Reversibel: Datei bzw. <link> entfernen genügt.
   ========================================================================== */

/* iOS: ungewollte automatische Schriftvergrößerung im Querformat verhindern */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Horizontales Scrollen abfangen (Nicepage nutzt feste px-Breiten + negative
   Margins, die auf schmalen iPhones leicht über den Rand laufen) */
html,
body.u-body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Sanftere Touch-Hervorhebung beim Antippen von Links/Buttons auf iOS */
a,
button,
.u-btn,
.u-nav-link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);
}

/* Logo/skalierte Bilder beim Antippen nicht versehentlich "ziehbar" machen */
img {
  -webkit-user-drag: none;
}

/* Safe-Area / Notch (iPhone X und neuer): Header- und Footer-Inhalt nicht
   hinter Notch oder Home-Indikator rutschen lassen. Nur aktiv, wenn das
   Gerät env(safe-area-inset-*) unterstützt. */
@supports (padding: max(0px)) {
  .u-header .u-sheet {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }
  .u-footer .u-sheet {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
    padding-bottom: env(safe-area-inset-bottom);
  }
  /* Off-Canvas-Menü (Hamburger) ebenfalls aus der Safe-Area halten */
  .u-sidenav {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* Tap-Targets im mobilen Off-Canvas-Menü auf min. ~44px Höhe bringen
   (Apple Human Interface Guideline) — nur auf kleinen Viewports */
@media (max-width: 767px) {
  .u-sidenav .u-nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* Footer-Links besser tappbar */
  .u-footer .u-btn {
    min-height: 40px;
    line-height: 1.4;
  }
}