/*
 * L'Aire Bête — Couche mobile globale + Safari-safe. v1.65
 *
 * Corrige les CAUSES RACINES mobiles sans casser les scènes immersives
 * (home / pavillons), qui ont leur propre système (☰ + cercles + bg fixed).
 * Chargée sur tout le front-end ; l'essentiel est gaté ≤768px.
 */

/* ====================================================================
 *  Universel sûr (tous viewports)
 * ==================================================================== */

/* Jamais de débordement horizontal de la page. */
html, body { max-width: 100%; overflow-x: hidden; }

/* Inertie de défilement iOS sur les panneaux défilants. */
.lb-mnav__panel, .lb-coincol, .lb-mem-parch, .lb-mem-wall__panel,
.lb-annonces-zoom, .lb-pm-lead-modal__card, .lb-mobile-menu,
.lb-boutique-interieur, .lb-pavillon-shops {
  -webkit-overflow-scrolling: touch;
}

/* Plein écran Safari-safe : 100vh laisse passer sous la barre d'URL iOS →
   on bascule sur les unités dynamiques quand supportées. */
@supports (height: 100svh) {
  .lb-univers, .lb-univers__canvas { height: 100svh; min-height: 100svh; }
  .lb-contact { min-height: 100svh; }
}

/* ====================================================================
 *  Mobile (≤768px) — corrections de fond
 * ==================================================================== */
@media ( max-width: 768px ) {

  /* Médias de CONTENU fluides (on EXCLUT les vidéos de scène plein écran :
     .lb-pavillon-bg, .lb-pavillon-interieur, etc. qui sont en object-fit cover). */
  .lb-pavillon-content img, .lb-pionnier-content img, .entry-content img,
  .wp-block-image img, article img, .lb-contact__card img,
  .lb-annonces-detail__photo, .lb-refuge-card__photo {
    max-width: 100%;
    height: auto;
  }

  /* Conteneurs de contenu : pas de largeur fixe qui déborde. */
  .lb-pavillon-content, .lb-pionnier-content, .entry-content, .wp-block-group,
  .lb-pm-lead-modal__card, .lb-mem-parch {
    max-width: 100%;
  }

  /* Champs de formulaire : pleine largeur + 16px (empêche le zoom auto iOS). */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
  select, textarea {
    max-width: 100%;
    font-size: 16px;
  }

  /* Cibles tactiles ≥44px sur les liens/boutons de contenu et de menu
     (PAS les hotspots de scène, masqués ou gérés par le ☰/cercles). */
  .lb-pavillon-content a, .lb-pavillon-content button,
  .lb-pionnier-content a, .lb-pionnier-content button,
  .lb-mnav__link, .lb-mnav__act, .lb-mobile-menu__item,
  .lb-annonces-detail__contact-btn, .lb-contact__form button {
    min-height: 44px;
  }

  /* Empilage 1 colonne pour les grilles de contenu génériques. */
  .lb-pionnier-content .lb-grid, .lb-pionnier-content .row {
    display: block !important;
  }
}

/* v1.66 — Scale « mise en page laptop réduite » RETIRÉ : sur les scènes
   immersives paysage il produisait une petite bande + en-tête WP exposé +
   vide. On garde le système plein écran + ☰ + cercles (qui marche). */