/**
 * capacitor-app.css — fix safe-area per le app Capacitor (iOS + Android)
 *
 * Attivo solo quando <html class="cap-native"> (impostata da capacitor-push.js
 * dentro l'app nativa; aggiunte anche classi cap-ios / cap-android per
 * differenze per-piattaforma). In browser e nella PWA queste regole non
 * esistono perché la classe non viene aggiunta → zero impatto fuori dall'app.
 *
 * REQUISITO: meta viewport con viewport-fit=cover altrimenti
 * env(safe-area-inset-*) = 0.
 */

/* Sposta tutto il contenuto sotto la status bar/Dynamic Island.
   Il padding va sul body: copre anche header/nav non-fixed. */
.cap-native body {
  padding-top: env(safe-area-inset-top);
}

/* Se l'header/menu è position:fixed, compensa anche lui */
.cap-native header,
.cap-native .navbar,
.cap-native .topbar {
  padding-top: env(safe-area-inset-top);
}

/* Elementi fixed in basso: rispetta home indicator / gesture bar */
.cap-native .bottom-nav,
.cap-native footer.fixed-bottom,
.cap-native .fab {
  padding-bottom: env(safe-area-inset-bottom);
}

/* La status bar nelle webview native è trasparente sopra il body:
   il colore del tema arriva dal background della pagina */
.cap-native html {
  background-color: #1F2A44; /* themeColor — evita flash bianco dietro status bar */
}