/* ============================================
   Safe-area insets — Capacitor / mobile apps
   env() values are 0 on regular browsers,
   so these rules have zero web impact.
   ============================================ */

:root {
  --sa-top:    env(safe-area-inset-top, 0px);
  --sa-right:  env(safe-area-inset-right, 0px);
  --sa-bottom: env(safe-area-inset-bottom, 0px);
  --sa-left:   env(safe-area-inset-left, 0px);
}

/* --- Body: push scrollable content clear of system UI --- */
body {
  padding-top:    var(--sa-top);
  padding-bottom: var(--sa-bottom);
}

/* --- Fixed sidebar (desktop, authenticated) --- */
.sidebard_edit {
  padding-top:    var(--sa-top);
  padding-bottom: var(--sa-bottom);
}

/* --- Bottom mobile nav (authenticated) --- */
.menuMobile {
  padding-bottom: var(--sa-bottom);
}

/* --- Guest top navbar (fixed-top) --- */
.navbar.fixed-top,
.navbar_mobile[style*="position: fixed"] {
  padding-top: var(--sa-top);
}

/* --- Mobile drawer menu (full-screen slide-in) --- */
@media (max-width: 1199.98px) {
  .navbar .navbar-collapse {
    padding-top: max(15px, var(--sa-top));
  }
}

/* --- Toast notifications --- */
.toast-notification {
  bottom: calc(30px + var(--sa-bottom));
}