/*
 Theme Name:   Divi Child
 Theme URI:    https://tuosito.it/
 Description:  Child theme di Divi
 Author:       Il tuo nome
 Author URI:   https://tuosito.it/
 Template:     Divi
 Version:      1.0.0
*/

/* Qui puoi aggiungere i tuoi CSS personalizzati */

/* Stile per il titolo del modulo intestazione */
.et_pb_fullwidth_header .et_pb_module_header h1 {
  white-space: nowrap !important;
  text-align: center !important;
}


/* Mobile responsive */
@media (max-width: 600px) {
  selector h1 {
    font-size: 4vw;
    white-space: normal !important;
  }
}
/* Menu trasparente di base (di partenza) */
.menu-scroll {
  background-color: transparent !important; /* Assicurati che sia trasparente inizialmente */
  transition: all 0.4s ease;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  position: relative;
  z-index: 9999;
  isolation: isolate;
  width: 100%;
  top: 0;
  left: 0;
}

/* Quando scrolli: vetro bianco opaco e sticky */
.menu-scroll.scrolled {
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.3);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

/* Link del menu */
.menu-scroll .et_menu_container a {
  color: white;
  transition: color 0.4s ease;
}

/* Link dopo scroll */
.menu-scroll.scrolled .et_menu_container a {
  color: #333;
}

/* Icona hamburger mobile */
.menu-scroll .mobile_menu_bar:before {
  color: white;
  transition: color 0.4s ease;
}

/* Icona hamburger dopo scroll */
.menu-scroll.scrolled .mobile_menu_bar:before {
  color: #333;
}

/* Menu mobile */
.et_mobile_menu {
  background-color: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(6px);
}

.et_mobile_menu a {
  color: #333 !important;
}