/* =========================================================
   ESTIASTRI — BASE PAGINE IFRAME
   Standard opt-in: usare solo classi estia-iframe-* / estia-fouc-*.
   ========================================================= */

/* Documento iframe: sfondo trasparente e niente scroll orizzontale. */
html.estia-iframe-doc,
body.estia-iframe-body{
  background: transparent;
  margin: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: hidden;
}

/* Scrollbar nativa nascosta per le pagine caricate dentro iframe. */
html.estia-iframe-doc::-webkit-scrollbar,
body.estia-iframe-body::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;
}

/* Stato iniziale anti FOUC: il JS rimuove questa classe dopo i CSS. */
body.estia-fouc-hidden{
  opacity: 0;
  visibility: hidden;
}

/* Stato finale anti FOUC. */
body.estia-fouc-ready{
  opacity: 1;
  visibility: visible;
  transition: opacity .18s ease-in;
}