/*
 * Aggiunte di CMS Lite al tema del Drupal (static/drupal/, estratto dalla copia statica): le pagine
 * usano header, footer e CSS del vecchio sito, qui solo cio' che il Drupal faceva altrove.
 */

/* Volantini: come nel Drupal (stile inline della pagina) niente header ne' menu del footer, sfondo
   scuro, sfogliabile nel contenitore centrato con la proporzione max(60%, 324px). */
body.cms-volantino {
  background-color: #4e5565;
}
body.cms-volantino header,
body.cms-volantino #block-mwb5-afterfootermenu,
body.cms-volantino .region.region-footer {
  display: none !important;
}
.sfogliabile {
  position: relative;
  padding-top: max(60%, 324px);
  width: 100%;
  height: 0;
}
.sfogliabile iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/* Su telefono la proporzione del Drupal da' 324 px di altezza: lo sfogliabile ha i controlli grandi
   e resta poco spazio per le pagine. Qui occupa lo schermo, meno la barra "Torna al sito". */
@media (max-width: 767.98px) {
  .sfogliabile {
    padding-top: 0;
    height: calc(100svh - 72px);
    min-height: 420px;
  }
}

/* Anteprima dal pannello */
.anteprima-fascia {
  background: #fff3cd;
  color: #5c4400;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 16px;
  text-align: center;
}

/* Footer su telefono: le colonne si aprono al tocco (tracking.js), come col JavaScript del Drupal. */
.nav-footer-item {
  cursor: pointer;
}