.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Stato dopo lo scroll (la classe is-scrolled la aggiunge lo script in Custom Code) */
.elementor .vl-header.is-scrolled { color: var(--notte); }
.vl-header.is-scrolled .vl-header-logo > :first-child { opacity: 0; }
.vl-header.is-scrolled .vl-header-logo > :last-child { opacity: 1; }

/* Sotto 768px base-mobile.css di Elementor mette gli e-grid su una colonna:
   l'header resta su una riga (icona menu, logo, Prenota). */
@media (max-width: 899px) {
  .elementor .e-grid-base.vl-header { grid-template-columns: 1fr auto 1fr; grid-template-rows: auto; }
}

/* Bottone header desktop (da 900px): testo centrato, centro verticale dell'header, 44px.
   Vale solo per i bottoni dentro .vl-header-cta, non tocca btn-primary altrove. */
@media (min-width: 900px) {
  .elementor .vl-header-cta > .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    line-height: 1;
    height: 44px;
    min-height: 44px;
    box-sizing: border-box;
  }
}
/* Sotto 900px lo stile lo da la Class btn-header: qui solo centro verticale e testo a destra */
@media (max-width: 899px) {
  .elementor .vl-header-cta > .btn-header {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    align-self: center;
    box-sizing: border-box;
  }
}

/* Bottone: "Prenota" ovunque, "Prenota un tavolo" sulla home */
.elementor .vl-header-cta > :last-child { display: none; }
.home .vl-header-cta > :first-child { display: none; }
.home .vl-header-cta > :last-child { display: inline-flex; }/* End custom CSS */