/* WAL V2 – Modale de réservation : panneau centré 500 px (plein écran sur mobile).
   Le contenu de l'iframe est épuré côté SuperHôte (« CSS personnalisé »). */
.booking-panel[hidden]{display:none}
.booking-panel{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(30,45,60,.65);padding:clamp(8px,3vw,32px)}
.booking-panel-in{position:relative;display:flex;flex-direction:column;width:100%;max-width:500px;max-height:100%;background:#fff;padding:0;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.bp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}
.bp-head .label{margin:0 0 .2rem}
.bp-head h2{margin:0;font-size:1.25rem}
.bp-summary{margin:.2rem 0 0;font-family:var(--mono);font-size:.75rem;color:var(--gris)}
.bp-summary:empty{display:none}
.bp-close{flex:none;width:2.4rem;height:2.4rem;border:1px solid var(--line);background:#fff;color:var(--cedre);font-size:1.6rem;line-height:1;cursor:pointer}
.bp-close:hover{background:var(--cedre);color:#fff}
.bp-frame{position:relative;flex:0 1 auto;min-height:0;overflow:hidden}
/* Hauteur ajustée à la carte de réservation (~800 px) ; le défilement reste dans l'iframe (calendrier, détail du prix). */
.bp-frame iframe{display:block;width:100%;height:min(820px,calc(100vh - 9.5rem));height:min(820px,calc(100dvh - 9.5rem));min-height:420px;border:0}
.bp-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--gris);z-index:1}
.bp-loading[hidden]{display:none}
.bp-fallback{margin:0;padding:.7rem 1.2rem;border-top:1px solid var(--line);font-size:.85rem;text-align:right}
html.bp-open{overflow:hidden}
@media (max-width:640px){
  .booking-panel{padding:0}
  .booking-panel-in{max-width:none;height:100%}
  .bp-frame{flex:1 1 auto}
  .bp-frame iframe{height:calc(100vh - 9rem);height:calc(100dvh - 9rem)}
}