/**
 * Styles pour iframe
 */

/* Masquer header et footer en iframe */
body.iframe-mode .site-header,
body.iframe-mode .site-footer {
  display: none !important;
}

/* Supprimer les backgrounds en mode iframe pour transparence */
body.iframe-mode,
body.iframe-mode .site-content,
body.iframe-mode .container,
body.iframe-mode .booking-container {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Ajustements du contenu en iframe */
body.iframe-mode,
body.iframe-mode .site-content {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
}

/* Forcer auto sur tous les éléments de manière agressive */
body.iframe-mode *,
body.iframe-mode *::before,
body.iframe-mode *::after {
  min-height: auto !important;
  max-height: none !important;
}

/* Éléments cachés = hauteur 0 stricte */
body.iframe-mode .hidden,
body.iframe-mode [style*="display: none"],
body.iframe-mode [style*="display:none"] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Éléments spécifiques qui peuvent poser problème */
body.iframe-mode .return-date-group[style*="display: none"],
body.iframe-mode #estimateResult.hidden {
  height: 0 !important;
  opacity: 0 !important;
  transform: scaleY(0) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Containers principaux */
body.iframe-mode .container,
body.iframe-mode .booking-container,
body.iframe-mode .form-section {
  height: auto !important;
  min-height: auto !important;
  flex-shrink: 1 !important;
}

/* Padding minimal pour le container principal */
body.iframe-mode .booking-container {
  padding: 0px !important;
} 


/* Styles spécifiques au mode normal (optionnel) */
body.normal-mode .only-in-iframe {
  display: none;
}

body.iframe-mode .language-selector {
  top: 0px !important;
  right: 2px !important;
}