/* Safe-area iOS — S127 v2 + S129 extensions */
/* S127   : .hero + MapLibre bottom controls (crisis.html map view) */
/* S129-A : .lang-selector + popup overlays (index.html landing) */
/* S129-B : #rb-modal-header (Roadbook modal in crisis.html) */

@supports (padding: max(0px)) {
  .hero {
    padding-top: env(safe-area-inset-top, 0) !important;
  }

  .maplibregl-ctrl-bottom-right {
    bottom: calc(env(safe-area-inset-bottom, 0) + 15px) !important;
  }

  .maplibregl-ctrl-bottom-left {
    bottom: calc(env(safe-area-inset-bottom, 0) + 15px) !important;
  }

  .risk-toggle-btn {
    bottom: calc(env(safe-area-inset-bottom, 0) + 80px) !important;
  }

  .lang-selector {
    top: calc(env(safe-area-inset-top, 0) + 15px) !important;
  }

  .intro-popup-overlay {
    padding-top: calc(env(safe-area-inset-top, 0) + 20px) !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0) + 20px) !important;
  }

  .help-guide-container {
    padding-top: calc(env(safe-area-inset-top, 0) + 30px) !important;
    padding-bottom: calc(env(safe-area-inset-bottom, 0) + 30px) !important;
  }

  #rb-modal-header {
    padding-top: calc(env(safe-area-inset-top, 0) + 10px) !important;
  }
}