/*
Theme Name: Tema Child Divi
Version: 1.0
Description: Tema child per personalizzare Divi.
Author: Elegant Themes
Author URI: https://elegantthemes.com/
Template: Divi
*/

#main-header {
  box-shadow: none !important;
}

/* =========================================================
   AIRONE - Header: hamburger a sinistra, logo centrato,
   bottoni Richiedi/Prenota a destra. Responsive per
   tablet e mobile.

   NOTA: l'aspetto dell'hamburger (le 3 linee) è gestito
   SOLO dal JavaScript, non più da qui. Questo file si occupa
   solo di posizionamento, colori di sfondo e bottoni.
   ========================================================= */

/* --- Riposiziona: hamburger tutto a sinistra --- */
#et-top-navigation {
  float: left !important;
  right: auto !important;
  left: 0 !important;
}

/* --- Logo centrato nell'header (default desktop) --- */
.logo_container {
  text-align: center !important;
}

/* =========================================================
   FIX CLICK: il logo_container di Divi è impostato da tema
   (non da qui) con position:absolute; width:100%; height:100%,
   quindi copre TUTTO l'header (hamburger + bottoni CTA) e
   ruba i click anche se il logo è piccolo e centrato.
   Lo rendiamo "trasparente" ai click, riattivando il click
   solo sul link/immagine del logo vero e proprio.
   ========================================================= */
.logo_container {
  pointer-events: none !important;
}
.logo_container a,
.logo_container img,
.logo_container .logo_helper {
  pointer-events: auto !important;
}

/* =========================================================
   BOTTONI "Richiedi" e "Prenota" (creati via JS)
   ========================================================= */
.airone-header-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  padding: 10px 26px;
  border-radius: 4px;
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  z-index: 9999;
  pointer-events: auto;
  white-space: nowrap;
}

.airone-header-btn--richiedi {
  right: 175px;
  background-color: #a6b291;
}
.airone-header-btn--richiedi:hover {
  opacity: 0.85;
}

.airone-header-btn--prenota {
  right: 30px;
  background-color: #a1998a;
}
.airone-header-btn--prenota:hover {
  opacity: 0.85;
}

/* Quando il menu diventa fisso (scrollato): colori invertiti,
   sfondo bianco e testo color tortora */
.et-fixed-header .airone-header-btn--prenota {
  background-color: #ffffff;
  color: #a1998a;
}
.et-fixed-header .airone-header-btn--prenota:hover {
  opacity: 0.85;
}

/* =========================================================
   X per chiudere il menu (icona nativa di Divi, solo ristilizzata)
   ========================================================= */
.et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
  color: #ffffff !important;
  font-size: 42px !important;
}

/* =========================================================
   Assicura che l'header sia il contenitore di riferimento
   per il posizionamento assoluto dei bottoni, e che l'area
   dell'hamburger resti sempre cliccabile sopra ogni overlay.
   ========================================================= */
#main-header {
  position: relative;
}

.et_pb_header_toggle.et_toggle_fullscreen_menu {
  pointer-events: none;
}
.et_pb_header_toggle.et_toggle_fullscreen_menu .mobile_menu_bar {
  pointer-events: auto;
}

/* =========================================================
   FIX CLICK: anche .container.et_menu_container (che ha
   z-index:99 impostato da Divi) copre l'intera larghezza
   dell'header e intercetta i click prima che arrivino ai
   bottoni CTA e all'hamburger, anche con z-index alto su
   questi ultimi. Stesso trattamento del .logo_container:
   il contenitore diventa "trasparente" ai click, e li
   riattiviamo solo sui suoi elementi interattivi.
   ========================================================= */
.container.et_menu_container {
  pointer-events: none !important;
}
.container.et_menu_container a,
.container.et_menu_container .mobile_menu_bar,
.container.et_menu_container #et-top-navigation,
.container.et_menu_container .airone-header-btn {
  pointer-events: auto !important;
}

/* =========================================================
   RESPONSIVE - TABLET (<=980px)
   ========================================================= */
@media (max-width: 980px) {
  #main-header {
    background-color: #d9c9a93d !important;
  }

  #logo {
    max-height: 90px !important;
  }

  #et-top-navigation {
    padding-left: 20px !important;
  }

  .airone-header-btn {
    display: none !important;
  }

  .mobile_menu_bar:before {
    font-size: 52px;
    color: #ffff !important;
  }
}

/* =========================================================
   RESPONSIVE - MOBILE (<=767px)
   ========================================================= */
@media (max-width: 767px) {

  #main-header .container {
    width: 90% !important;
  }

  .container.et_menu_container {
    min-height: 120px !important;
  }

  #logo {
    max-height: 100px !important;
  }

  #et-top-navigation {
    padding-left: 15px !important;
  }

  /* Logo spostato a destra invece che centrato */
  .logo_container {
    text-align: right !important;
    padding-right: 00px;
  }

  /* Bottoni nascosti su mobile */
  .airone-header-btn {
    display: none !important;
  }

  .mobile_menu_bar:before {
    font-size: 52px;
    color: #a6b291 !important;
  }
}

@media (min-width: 1025px) {
  .mobile_menu_bar:before {
    font-size: 52px;
    color: #ffffff !important;
  }
}