/* ── iOS Safe Area ──────────────────────────────────────────── */
/* Ensures content doesn't render behind the iOS status bar,   */
/* notch, or home indicator.                                   */

:root {
  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left, 0px);
  --sar: env(safe-area-inset-right, 0px);
}

/* Utility class: adds top padding for the iOS status bar */
.safe-top {
  padding-top: calc(var(--sat) + 0.5rem) !important;
}

/* Bottom safe area (home indicator on iPhone X+) */
.safe-bottom {
  padding-bottom: calc(var(--sab) + 0.5rem) !important;
}