/* ch.744 — Options avancées du simulateur du site (constructeur visuel) : RESPONSIVE SEULEMENT (@media).
   Les styles de base sont embarqués par le composant (`WebAppOptionsC744.js`, classes `wop-`), injectés APRÈS cette feuille ⇒ sélecteurs préfixés `body` pour l’emporter. */
@media (max-width: 767px) {
  body .wop-grille, body .wop-grille2 { grid-template-columns: minmax(0, 1fr); }
  body .wop-grille > .wop-champ { grid-column: auto !important; }
  body .wop-carte-tete { flex-wrap: wrap; }
  body .wop-titre .wop-actions, body .wop-titre .wop-btn.ajout { width: 100%; }
  body .wop-section { padding: 12px 10px; }
  /* ch.745 — aperçu « Appliquer aux autres zones » : une ligne par champ, empilée (champ, puis avant ⇒ après) ; boutons du pied pleine largeur */
  body .waz-ligne { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body .waz-ligne .waz-champ { grid-column: 1 / -1; }
  body .waz-ligne.tete span:first-child { display: none; }
  body .wop-fen .f732-pied .wop-autres { flex: 1 1 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body .wop-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}