/* AIM17 – Responsive & Scroll Fix */

/* Empêcher le débordement horizontal */
html, body {
  max-width: 100%;
  overflow-x: hidden !important;
}

/* Garder un scroll vertical disponible */
html, body {
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
}

/* Neutraliser les wrappers qui bloquent le scroll (thèmes/plugins) */
#page, .site, .site-content, #content, .content-area,
.ast-site, .ast-site-inner-wrap, .ast-container {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Médias adaptatifs */
img, iframe, video, embed, object {
  max-width: 100%;
  height: auto;
}

/* Tables & blocs code : éviter qu'ils cassent la largeur */
table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
pre, code {
  max-width: 100%;
  overflow-x: auto;
}

/* Formulaires : champs sur 100% */
input[type="text"], input[type="email"], input[type="url"], input[type="number"],
input[type="password"], input[type="tel"], input[type="date"],
select, textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Colonnes Gutenberg/Elementor : passer en 1 colonne sur petit écran */
@media (max-width: 1024px) {
  .wp-block-columns {
    flex-direction: column !important;
  }
  .wp-block-column {
    width: 100% !important;
  }
}

/* Astra : parfois un conteneur impose une largeur fixe */
.ast-container {
  width: 100%;
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
}