/*
  BOOKING VISUAL — image à gauche du formulaire de réservation, pilotée
  par web/js/booking-visual.js à partir de web/config/layout-settings.json
  (lui-même géré par l'éditeur privé web/admin-layout/).

  Cette feuille ne contient QUE la structure de base : les valeurs
  paramétrables (largeur, hauteur, position, gap, zoom, border-radius,
  object-position...) sont posées en style inline par booking-visual.js à
  chaque rendu, pour rester strictement synchronisées avec les réglages
  enregistrés — jamais deux sources de vérité qui pourraient diverger.

  N'altère jamais le formulaire lui-même (.booking-panel / .booking-panel
  ne sont pas touchés ici) ni sa position par défaut si aucune image n'est
  configurée : tant que booking-visual.js ne construit rien (imageFile
  vide), la page reste identique à la version sans éditeur.
*/

.booking-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-inline: auto;
  margin-top: var(--space-3xl);
  padding-inline: var(--container-pad);
}

.booking-visual {
  overflow: hidden;
  border: 1px solid var(--color-border);
  box-shadow: var(--panel-shadow);
  position: relative;
}

.booking-visual img {
  display: block;
  width: 100%;
  height: 100%;
}

/* Le panneau de réservation garde sa carte par défaut ; en mode "bloc à
   deux colonnes", on retire simplement son propre centrage de page
   (repris par .booking-section) sans toucher à son design interne. */
.booking-section > .booking-panel-wrap {
  margin-top: 0;
  padding-inline: 0;
  max-width: none;
  flex: 0 0 auto;
}