/* ──────────────────────────────────────────────────────────────────
   RentiHome PWA — Safe area adjustments for installed apps
   
   Status bar style: DEFAULT (white strip above page, dark text).
   iOS reserves a separate strip for status bar/clock/battery —
   content never overlaps it. So we don't need top padding rules.
   
   What we DO still need: bottom safe-area handling so the iPhone
   home-indicator gesture bar doesn't overlap our bottom nav or
   floating buttons.
   
   This stylesheet only activates when the page is launched as an
   installed PWA. In a regular browser tab it does nothing.
   ──────────────────────────────────────────────────────────────── */

@media (display-mode: standalone) {

  /* ──────────── BOTTOM — host portal mobile nav ────────────
     Expand the bottom-fixed nav to cover the home-indicator gesture
     bar area. Without this, the buttons sit BEHIND the home bar. */
  .mob-bottom-nav,
  .mobile-bottom-nav {
    padding-bottom: env(safe-area-inset-bottom) !important;
    height: calc(60px + env(safe-area-inset-bottom)) !important;
  }

  /* ──────────── FLOATING — WhatsApp & similar ────────────
     Lift fixed-position floating buttons above the home indicator
     so they don't sit under iOS's gesture bar. */
  .wa-float,
  .whatsapp-float,
  [class*="whatsapp-float"],
  .float-whatsapp,
  .wa-fab {
    bottom: calc(20px + env(safe-area-inset-bottom)) !important;
  }

  /* ──────────── BODY — left/right safe areas in landscape ────────────
     iPhone landscape has rounded corners that can clip content
     on the sides. Add horizontal safe padding. */
  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}