/*  HEADER BASE (prima dello scroll: trasparente sopra copertina) */
.lananai-header {
  position: absolute;     
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: transparent; 
  color: #ffffff;         
  padding: 0.1rem 4rem;    
  transition:
    background-color 0.3s ease,
    padding 0.3s ease,
    height 0.3s ease,
    box-shadow 0.3s ease,
    color 0.3s ease;
}

/*  FORZA CENTRATURA DEL LOGO */
.lananai-header .wp-block-columns,
.lananai-header .wp-block-column {
    margin: 0 !important;
    padding: 0 !important;
}

/* Anche in hover/focus niente sottolineatura di default */
.lananai-header a:hover,
.lananai-header a:focus {
  text-decoration: none !important;
}

/* Hover link header (sia trasparente che scrollato) */
.lananai-header .wp-block-navigation a:hover,
.lananai-header .wp-block-navigation a:focus,
.lananai-header .wp-block-navigation .wp-block-navigation-item__content:hover,
.lananai-header .wp-block-navigation .wp-block-navigation-item__content:focus {
  color: #9aaa55 !important;
}

/* STRUTTURA INTERNA HEADER */
.lananai-header .wp-block-columns {
  display: flex;
  align-items: center;
  justify-content: center;    
  column-gap: 0;  
}

.lananai-header .wp-block-column {
  flex: 0 0 auto;             
  display: flex;
  align-items: center;
}

/* Colonna centrale (logo) */
.lananai-header .wp-block-column:nth-child(2) {
  justify-content: center;
  text-align: center;
}

/* Colonna sinistra */
.lananai-header .wp-block-column:first-child {
  justify-content: flex-end;
  text-align: right;
}

/* Colonna destra */
.lananai-header .wp-block-column:last-child {
  justify-content: flex-start;
  text-align: left;
}

.lananai-header .wp-block-navigation {
  justify-content: inherit;
  width: auto;
  font-size: 0.8rem;        
  letter-spacing: 0.18em;  
}

/* Impedisci l'andare a capo delle voci menu */
.lananai-header .wp-block-navigation-item__content {
  white-space: nowrap;
}


/* LOGHI (versione chiara + versione scura) */

.lananai-header .wp-block-site-logo img,
.lananai-header .logo-dark img {
  max-height: 150px;        /* Altezza logo quando la pagina non è scrollata, prima 180 */
  display: block;
}

/* Nascondo il logo SCURO prima dello scroll */
.lananai-header .logo-dark {
  display: none;
}

/* Il logo CHIARO resta visibile (default) */
.lananai-header .logo-light {
  display: block;
}


/* HEADER IN STATO SCROLLATO */
.lananai-header.is-scrolled {
  position: fixed;          
  /* background-color: #f7f4ef; /* Modificato da Cristina*/
  /* background-color: #e4e8df; /* Cri */
  background-color: #e9ebe4; /* Cri */
  color: #3c3a34;
  padding: 0 2rem;          
  height: 90px;             /* Altezza dell'header quando scrollato */
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.lananai-header.is-scrolled .wp-block-columns,
.lananai-header.is-scrolled .wp-block-column,
.lananai-header:not(.is-scrolled) .wp-block-columns,
.lananai-header:not(.is-scrolled) .wp-block-column {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}


.lananai-header .wp-block-column:nth-child(2) {
    height: auto !important;         
    padding-bottom: 0 !important;    
    padding-top: 0 !important;       
}

.lananai-header .wp-block-site-logo img {
    display: block;
    margin: 0 auto !important;       
    padding: 0 !important;
}

/* Logo SCURO */
.lananai-header.is-scrolled .logo-dark img {
  max-height: 80px;     
  height: auto;        
  width: auto;      
  max-width: 200px;     /*solo per sicurezza (non necessario)*/
}

/* Colonna centrale (logo) leggermente più stretta */
.lananai-header .wp-block-column:nth-child(2) {
  flex: 0 0 260px;   
}

/* In stato scroll:
   - NASCONDO il logo chiaro
   - MOSTRO il logo scuro
*/
.lananai-header.is-scrolled .logo-light {
  display: none;
}
.lananai-header.is-scrolled .logo-dark {
  display: block;
}

/* HEADER NON SCROLLATO — completamente trasparente */
.lananai-header:not(.is-scrolled) {
    background: transparent !important;
    background-color: transparent !important;
}

/* TUTTI i contenitori interni trasparenti SOLO in stato non scrollato */
.lananai-header:not(.is-scrolled) .wp-block-group,
.lananai-header:not(.is-scrolled) .wp-block-columns,
.lananai-header:not(.is-scrolled) .wp-block-column {
    background: transparent !important;
    background-color: transparent !important;
}

/*  NIENTE RETTANGOLO / SFONDO SULLE VOCI MENU
   QUANDO SONO CLICCATE O PAGINA CORRENTE */

.lananai-header .wp-block-navigation-item__content {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}


.lananai-header .wp-block-navigation-item__content:focus,
.lananai-header .wp-block-navigation-item__content:focus-visible,
.lananai-header .wp-block-navigation-item__content[aria-current="page"] {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}

/* NESSUN RIQUADRO ARANCIONE SUL LOGO */
.lananai-header .wp-block-site-logo a,
.lananai-header .wp-block-site-logo a:focus,
.lananai-header .wp-block-site-logo a:focus-visible,
.lananai-header .custom-logo-link,
.lananai-header .custom-logo-link:focus,
.lananai-header .custom-logo-link:focus-visible,
.lananai-header .wp-block-site-logo img {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* NIENTE RIQUADRO NERO / TAP-HIGHLIGHT sul LOGO (soprattutto iOS) */
.lananai-header .wp-block-site-logo a,
.lananai-header .custom-logo-link,
.lananai-header .logo-light a,
.lananai-header .logo-dark a,
.lananai-header .wp-block-site-logo a:active,
.lananai-header .custom-logo-link:active,
.lananai-header .logo-light a:active,
.lananai-header .logo-dark a:active,
.lananai-header .wp-block-site-logo a:focus,
.lananai-header .custom-logo-link:focus,
.lananai-header .logo-light a:focus,
.lananai-header .logo-dark a:focus,
.lananai-header .wp-block-site-logo a:focus-visible,
.lananai-header .custom-logo-link:focus-visible,
.lananai-header .logo-light a:focus-visible,
.lananai-header .logo-dark a:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}



/*   COMPENSA L'HEADER FISSO NEI LINK INTERNI
   Quando un link di menu punta a #ancora,
   WordPress porta la sezione troppo in alto. Ho messo un margine per non far coprire il titolo dall'header. */
:target {
  scroll-margin-top: 70px;   
}

/* Smartphone */
@media (max-width: 767px) {
  :target {
    scroll-margin-top: 50px; /*DA RIVEDERE */
  }
}

@media (max-width: 767px) {

  .gallery-section:target,
  .dove-siamo-section:target {
    scroll-margin-top: 80px;
  }

}


/* L’header non deve mai superare la larghezza della pagina */
.lananai-header {
  box-sizing: border-box;
  width: 100%;
}

/* Di default (desktop) nascondo elementi MOBILE */
.lananai-nav-mobile {
  display: none!important;
}

/* Switch lingua mobile (non visibile su desktop) */

.mobile-switch-en,
.mobile-switch-it {
  display: none !important;
  white-space: nowrap;
  letter-spacing: 0.12em;
  cursor: pointer;
  user-select: none;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
}

/* ALLINEAMENTO MENU SX/DX PIÙ IN ALTO  --> ATTENZIONE!!!*/
.lananai-header:not(.is-scrolled) .wp-block-column:first-child .wp-block-navigation,
.lananai-header:not(.is-scrolled) .wp-block-column:last-child  .wp-block-navigation{
  transform: translateY(-20px);
}

.lananai-header.is-scrolled .wp-block-column:first-child .wp-block-navigation,
.lananai-header.is-scrolled .wp-block-column:last-child  .wp-block-navigation{
  transform: translateY(-2px);
}

/* PRENOTA riquadro trasparente */
.lananai-header .js-open-prenota > a,
.lananai-header .js-open-prenota .wp-block-navigation-item__content{
  border: 1px solid currentColor !important; /* override del tuo border:none!important */
  background: transparent !important;
  padding: 0.55em 1.05em;
  border-radius: 3px !important;             /* rettangolare */
  line-height: 1;
}

/* niente outline / box WP su focus */
.lananai-header .js-open-prenota > a:focus,
.lananai-header .js-open-prenota > a:focus-visible,
.lananai-header .js-open-prenota .wp-block-navigation-item__content:focus,
.lananai-header .js-open-prenota .wp-block-navigation-item__content:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}

/* OVERLAY SCURO SOLO SU HEADER NON SCROLLATO */
.lananai-header:not(.is-scrolled)::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.65),  
    rgba(0,0,0,0.30),
    rgba(0,0,0,0.00)
  );
  pointer-events: none;
  z-index: -1;
}

/* Header scrollato: NESSUN overlay */
.lananai-header.is-scrolled::before{
  display: none;
}


/* POPUP PRENOTA (WPForms ID 81) */

.prenota-modal {
  position: fixed;
  inset: 0;
  display: none;                 
  align-items: center;
  justify-content: center;
  z-index: 999;
  padding: 2rem;                 
  box-sizing: border-box;
}

/* Sfondo scuro semi-trasparente dietro al form */
.prenota-modal::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none !important;
}

.prenota-modal.is-open {
  display: flex !important;
}

.prenota-modal > * {
  margin: 0 !important;
}

/* ===============================
   FIX PRENOTA MOBILE – INPUT BLOCCATI
   =============================== */

.prenota-modal::before {
  pointer-events: none !important;
}

.prenota-modal {
  z-index: 1000000 !important;
  -webkit-overflow-scrolling: touch;
}

.prenota-modal,
.prenota-modal * {
  pointer-events: auto;
}

html.has-modal-open .prenota-modal {
  pointer-events: auto !important;
}

/* Quando è aperto PRENOTA, disattiva COMPLETAMENTE il menu mobile */
html.prenota-open .wp-block-navigation__responsive-container {
  display: none !important;
  pointer-events: none !important;
}

#wpforms-form-81 input,
#wpforms-form-81 textarea,
#wpforms-form-81 select {
  position: relative !important;
  z-index: 10 !important;
  transform: translateZ(0); /* 🔑 trucco iOS */
  -webkit-appearance: none;
}

/* ===============================
   FIX iOS PRENOTA – MENU + FOCUS
   =============================== */

/* Quando è aperto PRENOTA:
   - chiudi davvero il menu mobile
   - niente overlay dietro */
html.prenota-open .wp-block-navigation__responsive-container {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Popup sopra a QUALSIASI cosa */
.prenota-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important; /* massimo possibile */
  pointer-events: auto !important;
}

/* Overlay NON deve intercettare tocchi */
.prenota-modal::before {
  pointer-events: none !important;
}

/* iOS: sblocca focus input */
#wpforms-form-81 input,
#wpforms-form-81 textarea,
#wpforms-form-81 select {
  position: relative !important;
  z-index: 10 !important;
  transform: translateZ(0) !important;
  -webkit-appearance: none;
}

/* Importantissimo: nessun transform su html/body quando il popup è aperto */
html.prenota-open,
html.prenota-open body {
  transform: none !important;
  overflow: hidden !important;
  position: static !important;
}


/* Contenitore WPForms dentro il popup */
.prenota-modal .wpforms-container,
.prenota-modal .wpforms-container-full {
  position: relative;
  max-width: 600px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.25);
  z-index: 1;               
  margin: 0 !important;
  background: transparent;
  padding: 0;
}

/* Centra il form dentro il gruppo */
.prenota-modal .wp-block-group__inner-container {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}


#wpforms-form-81{
  background: #f6f6f6;   
  padding: 30px;
  border-radius: 8px;
}

/* X DI CHIUSURA */
.prenota-modal .close-x {
  position: absolute;
  top: 10px;
  right: 14px;
  z-index: 2;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #ffffff !important;        
  font-weight: 700;
}

.prenota-modal .close-x:hover {
  color: #f6f6f6 !important;
}


.prenota-modal .prenota-modal-close {
  margin-top: 1rem;
}

.prenota-modal .wp-block-button__link {
  cursor: pointer;
}

/* STILE CAMPI FORM */

#wpforms-form-81 input[type="text"],
#wpforms-form-81 input[type="email"],
#wpforms-form-81 input[type="tel"],
#wpforms-form-81 textarea,
#wpforms-form-81 select {
  width: 100%;
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 12px 14px;
  border-radius: 5px;
  font-size: 1rem;
  color: #333;
  transition: all 0.2s ease;
}


#wpforms-form-81 input:focus,
#wpforms-form-81 textarea:focus,
#wpforms-form-81 select:focus {
  border-color: #3a533a;        
  box-shadow: 0 0 0 0px #3a533a33;
  outline: none;
}

#wpforms-form-81 .wpforms-field-label {
  font-weight: 600;
  color: #899457;              
  margin-bottom: 6px;
  display: block;
}

/* Pulsante "Invia" */
#wpforms-form-81 button[type="submit"] {
  background: #899457;
  color: #ffffff;
  padding: 14px 26px;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Hover del pulsante */
#wpforms-form-81 button[type="submit"]:hover {
  /* background: #2b402b;   /* Modificato da Cri*/
  background: #61693e;   /* Modificato da Cri*/
  transform: translateY(-2px);
}

#wpforms-form-81 .wpforms-submit-container {
  text-align: center !important;
}

#wpforms-form-81 button[type="submit"] {
  margin: 0 auto !important;
  display: inline-block !important;
}


/*GESTIONE TRADUZIONE*/

/* Nascondo entrambe le voci di default */
.switch-to-en,
.switch-to-it {
  display: none !important;
}

/* SITO IN ITALIANO → mostra EN */
html[lang^="it"] .switch-to-en {
  display: inline-flex !important;
}

/* SITO IN INGLESE → mostra ITA */
html[lang^="en"] .switch-to-it {
  display: inline-flex !important;
}

/* Titolo hero principale */
.lananai-title{
  transform: translateY(-1.5rem);   /* lo alza leggermente */
}




/* OMBREGGIATURA SOLO ZONA GHIAIA (parte bassissima) */
.wp-block-cover{
  position: relative !important;
}

.wp-block-cover::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 22%; /* ← SOLO ghiaia */
  
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.35) 35%,
    rgba(0,0,0,0.15) 65%,
    rgba(0,0,0,0.00) 100%
  );

  pointer-events: none;
  z-index: 1;
}

.wp-block-cover__inner-container{
  position: relative;
  z-index: 2;
}



/* MOBILE (<= 1200px)
   Header: hamburger SX, logo centro, switch lingua DX
   Menu: pannello laterale semi-trasparente */

@media (max-width: 1200px) {

    /* FIX: su mobile NON voglio il translateY del menu desktop (che mi sposta l’hamburger) */


  /* annulla il transform “desktop” sulle nav nelle colonne */
  .lananai-header:not(.is-scrolled) .wp-block-column:first-child .wp-block-navigation,
  .lananai-header.is-scrolled       .wp-block-column:first-child .wp-block-navigation {
    transform: none !important;
  }

  /* e in particolare sul menu mobile */
  .lananai-nav-mobile .wp-block-navigation {
    transform: none !important;
    justify-content: flex-start !important;
  }



  /* Nascondi menu desktop */
  .lananai-nav-left,
  .lananai-nav-right {
    display: none !important;
  }

  /* Mostra nav mobile */
  .lananai-nav-mobile {
    display: flex !important;
  }

  /* Evita scroll orizzontale */
  html, body {
    overflow-x: hidden;
  }

  /* HEADER MOBILE */
  .lananai-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    width: 100%;
    height: 140px;
    padding: 0.75rem 1rem !important;
    box-sizing: border-box;
    overflow: visible !important;
  }

  /* Header scrollato */
  .lananai-header.is-scrolled {
    height: 90px;
    padding: 0.5rem 1rem !important;
  }

  /* Contenitore colonne = ancora per posizionamenti assoluti */
  .lananai-header .wp-block-columns {
    position: relative !important;
    height: 100% !important;
  }

 /* Colonna sinistra */
.lananai-header .wp-block-column:first-child {
  justify-content: flex-start;
  text-align: left;
}
 

 

  /* LOGO – CENTRO (viewport-centered)
     Mostra solo 1 logo alla volta */

  .logo-light,
  .logo-dark {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    display: none !important; /* di base nascondo entrambi su mobile */
  }

  /* Non scrollato → logo chiaro */
  .lananai-header:not(.is-scrolled) .logo-light {
    display: block !important;
  }

  /* Scrollato → logo scuro */
  .lananai-header.is-scrolled .logo-dark {
    display: block !important;
  }

  /* Dimensioni loghi */
  .lananai-header:not(.is-scrolled) .logo-light img {
    max-height: 140px !important;
    width: auto;
    height: auto;
    display: block;
  }

  .lananai-header.is-scrolled .logo-dark img {
    max-height: 80px !important;
    width: auto;
    height: auto;
    display: block;
  }

  /* SWITCH LINGUA  */

  .mobile-switch-en,
  .mobile-switch-it {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;

    font-size: 0.85rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;

    display: none !important;
  }

  /* Mostra EN se sito in IT */
  html[lang^="it"] .mobile-switch-en {
    display: inline-block !important;
  }

  /* Mostra ITA se sito in EN */
  html[lang^="en"] .mobile-switch-it {
    display: inline-block !important;
  }

  /* Colori switch in base allo stato header */
  .lananai-header:not(.is-scrolled) .mobile-switch-en,
  .lananai-header:not(.is-scrolled) .mobile-switch-it {
    color: #ffffff;
  }

  .lananai-header.is-scrolled .mobile-switch-en,
  .lananai-header.is-scrolled .mobile-switch-it {
    color: #222222;
  }

  .mobile-switch-en:hover,
  .mobile-switch-it:hover {
    color: #9aaa55 !important;
  }

  
  /* MENU MOBILE APERTO – PANNELLO LATERALE
     (Fix principale: vale per TUTTO <=1200px, non solo <=767) */

  /* Importante: quando il menu è aperto, l’header non deve “tagliare” nulla */
  html.has-modal-open .lananai-header {
    overflow: visible !important;
  }

  /* Il container “is-menu-open” diventa il pannello */
  html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;

    width: 50vw !important;
    max-width: 50vw !important;
    height: 100vh !important;

    overflow-y: auto !important;

    /* Pannello semi-trasparente */
  /*  background: rgba(247, 244, 239, 0.75) !important; */ /*Modificato per renderlo più uniforme al nuovo colore dell'header */
 /* background: rgba(233, 235, 228, 0.92) !important; */  /*Questo è identico a header */
  background: rgba(238, 240, 234, 0.92) !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    z-index: 999999 !important; /* sopra a tutto */
     margin: 0 !important;
  transform: none !important;
  display: block !important;
  }

  /* Contenuto interno */
  html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
    padding: 3rem 2rem !important; 
    height: 100% !important;
  }

  /* Voci + separatori */
  html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item {
    border-bottom: 1px solid rgba(0,0,0,0.15) !important;
    padding-bottom: 0.85rem !important;
    margin-bottom: 0.85rem !important;
  }

  html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Link */
  html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
    font-size: 1.25rem !important;
    letter-spacing: 0.14em !important;
    display: block !important;
    padding: 0.25rem 0 !important;
  }


html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content {
  margin: 0 !important;
  transform: none !important;
}
}

/*  FIX: prima voce menu mobile NON deve sembrare hover */

html.has-modal-open
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
  color: #3c3a34 !important;        /* colore base menu */
  background: transparent !important;
}

/* Focus automatico WP (prima voce) → NEUTRO */
html.has-modal-open
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:focus,
html.has-modal-open
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:focus-visible,
html.has-modal-open
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item:first-child
.wp-block-navigation-item__content {
  color: #3c3a34 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hover REALE (tap successivo) */
html.has-modal-open
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content:hover {
  color: #9aaa55 !important;
}


/* Desktop: nascondi il bottone hamburger del blocco Navigation */
@media (min-width: 1201px) {
  .lananai-nav-mobile .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
  .lananai-nav-mobile .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
}

/* Mobile: mostra il bottone hamburger */
@media (max-width: 1200px) {
  .lananai-nav-mobile .wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
  }
}

/* Smartphone piccoli --> ho messo una viewport leggermente più ampia */
@media (max-width: 480px){
  html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open{
    width: 60vw !important;
    max-width: 60vw !important;
  }

  html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content{
    padding: 2.25rem 1.5rem !important;
  }

  html.has-modal-open .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content{
    font-size: 1.1rem !important;
    letter-spacing: 0.12em !important;
  }
}

/* NO RIQUADRO su HAMBURGER + SWITCH LINGUA */

/* Hamburger: bottone apri/chiudi + SVG */
.lananai-nav-mobile .wp-block-navigation__responsive-container-open,
.lananai-nav-mobile .wp-block-navigation__responsive-container-close,
.lananai-nav-mobile .wp-block-navigation__responsive-container-open:focus,
.lananai-nav-mobile .wp-block-navigation__responsive-container-open:focus-visible,
.lananai-nav-mobile .wp-block-navigation__responsive-container-open:active,
.lananai-nav-mobile .wp-block-navigation__responsive-container-close:focus,
.lananai-nav-mobile .wp-block-navigation__responsive-container-close:focus-visible,
.lananai-nav-mobile .wp-block-navigation__responsive-container-close:active,
.lananai-nav-mobile .wp-block-navigation__responsive-container-open svg,
.lananai-nav-mobile .wp-block-navigation__responsive-container-open svg:focus,
.lananai-nav-mobile .wp-block-navigation__responsive-container-open svg:focus-visible,
.lananai-nav-mobile .wp-block-navigation__responsive-container-close svg,
.lananai-nav-mobile .wp-block-navigation__responsive-container-close svg:focus,
.lananai-nav-mobile .wp-block-navigation__responsive-container-close svg:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

/* Switch lingua
   Niente riquadri / highlight */

.lananai-header p.mobile-switch-en,
.lananai-header p.mobile-switch-it,
.lananai-header p.mobile-switch-en:focus,
.lananai-header p.mobile-switch-en:focus-visible,
.lananai-header p.mobile-switch-en:active,
.lananai-header p.mobile-switch-it:focus,
.lananai-header p.mobile-switch-it:focus-visible,
.lananai-header p.mobile-switch-it:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Se dentro al paragrafo c’è un <a> o uno <span>, pulisco anche quello */
.lananai-header p.mobile-switch-en a,
.lananai-header p.mobile-switch-it a,
.lananai-header p.mobile-switch-en span,
.lananai-header p.mobile-switch-it span,
.lananai-header p.mobile-switch-en a:focus,
.lananai-header p.mobile-switch-it a:focus,
.lananai-header p.mobile-switch-en a:focus-visible,
.lananai-header p.mobile-switch-it a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
  text-decoration: none !important;
}

/* PRENOTA – riquadro corretto nel menu mobile */

html.has-modal-open
.wp-block-navigation__responsive-container.is-menu-open
.js-open-prenota
.wp-block-navigation-item__content {
  padding: 0.6rem 1.2rem !important;
  display: inline-block !important;
}




/*per sbloccare lo scroll del sito con menù aperto */

html.has-modal-open,
html.has-modal-open body{
  overflow: auto !important;
  height: auto !important;
}

/* Evita scroll orizzontale accidentale */
html.has-modal-open body{
  overflow-x: hidden !important;
}






/* =====================================================
   FIX SWITCH LINGUA MOBILE – colori come hamburger/logo
   (non scrollato: bianco + hover arancione)
   ===================================================== */
@media (max-width: 1200px) {

  /* Stato NON scrollato → bianco */
  .lananai-header:not(.is-scrolled) .mobile-switch-en,
  .lananai-header:not(.is-scrolled) .mobile-switch-it,
  .lananai-header:not(.is-scrolled) .mobile-switch-en a,
  .lananai-header:not(.is-scrolled) .mobile-switch-it a {
    color: #ffffff !important;
  }

  /* Hover / focus → arancione */
  .lananai-header:not(.is-scrolled) .mobile-switch-en:hover,
  .lananai-header:not(.is-scrolled) .mobile-switch-it:hover,
  .lananai-header:not(.is-scrolled) .mobile-switch-en a:hover,
  .lananai-header:not(.is-scrolled) .mobile-switch-it a:hover,
  .lananai-header:not(.is-scrolled) .mobile-switch-en a:focus,
  .lananai-header:not(.is-scrolled) .mobile-switch-it a:focus,
  .lananai-header:not(.is-scrolled) .mobile-switch-en a:focus-visible,
  .lananai-header:not(.is-scrolled) .mobile-switch-it a:focus-visible {
    color: #9aaa55 !important;
    text-decoration: none !important;
  }

  /* Rimuovi qualsiasi riquadro/highlight anche sul link interno */
  .lananai-header .mobile-switch-en,
  .lananai-header .mobile-switch-it,
  .lananai-header .mobile-switch-en a,
  .lananai-header .mobile-switch-it a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

/*SOTTOTITOLO (hero-intro) */

.hero-intro{
  margin: 0 auto !important;
  max-width: 46.875rem;
  font-size: 1.4rem; /*prima 1.6*/
  line-height: 1.35;
  color: #f6f6f6;

  transform: translateY(15rem); 

  background: none !important;
  padding: 0 !important;
}


@media (max-width: 1023px) {

  /* HERO: dimensione controllata */
  .hero-cover.wp-block-cover {
    height: 80vh !important;
    min-height: 80vh !important;
    max-height: 80vh !important;
    overflow: hidden;
  }

  /* container interno */
  .hero-cover.wp-block-cover .wp-block-cover__inner-container {
    position: relative;
    height: 100%;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    padding: 0;
  }

  /* sottotitolo mobile */
  .hero-cover.wp-block-cover .hero-intro {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); /* override del translateY */
    bottom: 2.25rem;

    width: min(90%, 46.875rem);
    margin: 0;

    font-size: 1.1rem;
    line-height: 1.35;
  }
  
   
}