/* Safe-area iOS Survival — mirror Crisis S127 v2 + S129, ajouts S133 */
/* Mirror Crisis :
   S127   : .hero + MapLibre bottom controls
   S129-A : .lang-selector + popup overlays
   S129-B : #rb-modal-header */
/* S133 ajouts Survival :
   .popup-lang-selector wizard country (sélecteur drapeau)
   .popup-header img wizard country (logo SURVIVAL rouge) */

@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;
  }

  .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;
  }

  /* S133 ajouts spécifiques Survival */
  #country-overlay .popup-lang-selector {
    top: calc(env(safe-area-inset-top, 0) + 15px) !important;
  }

  #country-overlay .popup-header img {
    margin-top: env(safe-area-inset-top, 0) !important;
  }
}