/* ============================================================
   FIXES MOBILE (Safari iOS + Android WebKit) — Ouverture/Fermeture, viewport
   ============================================================ */

/* Viewport dynamique (100dvh) pour éviter barre d’adresse */
@supports (height: 100dvh) {
  .gk-overlay,
  .popup,
  .popup-container,
  .gk-popup,
  .gk-modal {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
}

@media (max-width: 768px) {
  .gk-overlay,
  .popup,
  .popup-container,
  .gk-popup,
  .gk-modal {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
  @supports not (height: 100dvh) {
    .gk-overlay,
    .popup,
    .popup-container,
    .gk-popup,
    .gk-modal {
      min-height: -webkit-fill-available !important;
    }
  }

  /* Boutons fermer : toujours cliquables (bug Safari iOS) */
  .close-icon,
  .close-edit-icon,
  .gk-overlay__close,
  [onclick*="closePopup"],
  [onclick*="closeModal"],
  [onclick*="fermerPopup"] {
    pointer-events: auto !important;
    z-index: 10001 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    min-width: 44px;
    min-height: 44px;
  }
  .gk-overlay__panel .close-icon,
  .gk-overlay__panel .close-edit-icon,
  .gk-overlay .gk-overlay__close {
    pointer-events: auto !important;
    z-index: 99999 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }
  .gk-overlay__body,
  .popup-content {
    pointer-events: auto !important;
  }
}

@supports (-webkit-touch-callout: none) {
  .gk-overlay,
  .popup,
  .gk-modal {
    height: 100dvh !important;
    min-height: 100dvh !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
  }
}