/* ==========================================================================
   AGGIUNTE-AUTO.CSS — Modifiche automatiche e correzioni ai template Webflow
   ========================================================================== */

/* 1. Correzione Dropdown Menu di Navigazione
   Nel CSS esportato da Webflow:
   - .waves-dropdown-list ha erroneamente display: block (invece di none quando chiuso)
   - .waves---dropdown-link ha display: none fisso (invece di block)
   Ripristiniamo la logica standard Webflow: chiuso = display: none, aperto (.w--open) = display: block. */
.waves-dropdown-list {
  display: none;
}

.waves-dropdown-list.w--open {
  display: block;
}

.waves---dropdown-link {
  display: block;
}

/* 2. Visualizzazione data/orario sopra il titolo evento nel programma su mobile (<= 991px) */
@media screen and (max-width: 991px) {
  .waves---expandable-item {
    flex-wrap: wrap;
  }

  .orario-pagina-programma {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
    order: 1;
    flex: none;
  }

  .waves---expandable-content {
    flex: 1 1 calc(100% - 36px);
    max-width: none;
    margin-right: 16px;
    order: 2;
  }

  .waves---expand-icon-wrap {
    flex: none;
    margin-top: 4px;
    order: 3;
  }
}