/* --------------------------------------- Regole generali per tutte le risoluzioni  --------------------------------------- */

/*forzatura font Futura ovunque */
body,
body * {
  font-family: 'Futura', sans-serif !important;
}

.theme-header .zpcontainer .theme-branding-info .theme-logo-parent a img {
width: 150px !important; 
height: auto !important;
}

/*Menu - Togli frecce*/
/* Toglie alcune icone del tema standard nella navigazione */
.theme-navigation-and-icons .theme-menu-area .theme-menu .theme-sub-li-menu.theme-non-responsive-menu {
display: none; 
}

/* Menu trasparente sopra Hero */
.zpheader-style-01 {
  background-color: white;
  position: absolute;
  top: 0;
  width: 100%;
 /* z-index: 1001; */
  box-shadow: none !important;
  /*border-block-end: 1px solid #000000;*/
}

/* Hero Slide schermo intero */
.copertina-home {
  position: relative;
  z-index: 1;
  min-height: 88vh;
  overflow: hidden;
}

/* Foto intro home*/
.copertina-home * {
  position: relative;
  z-index: 2;
}

/* Sezione sopra Hero, per far salire il primo blocco grigio sopra la foto */
.sezione-sopra {
  margin-top: -60px;
  z-index: 10;
  position: relative;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow: hidden;
  background-color: #fff;
}

/* Radius angoli immagine */
.foto-arrotondata {
  border-radius: 10px; 
  overflow: hidden;
}

/* Immagini cliccabili colorate */
.img-cliccabile:hover {
    opacity: 0.7;
}
.img-cliccabile {
	border-radius: 10px !important; /* ← cambia questo valore a piacere */ 
    overflow: hidden;
}

.box-cliccabile {
  background-color: #f4f4f4;
  transition: background-color 0.3s ease;
  cursor: pointer;
  position: relative;
}

.box-cliccabile:hover {
  background-color: #F0E332
}

.ofIconCont svg {
  display: none !important;
}

.img-team .zpimage-style-roundcorner {
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}

.team-link a {
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 14px !important;
}

.team-link a:hover {
  color: rgba(0, 0, 0, 0.3) !important;
  font-size: 14px !important;
}
  /* Elenchi puntati */
.zpelem-text ul li {
padding-block-start: 0px !important;
padding-block-end: 0px !important;
}

  /* Bottoni img sopra testo sotto */
.box-grigio .testo-sinistra-freccia-destra {
margin-left: 20px !Important;
width: calc(100% - 40px) !important;
}

  /* Foto Hero dietro Menu */
.zphero {
z-index: 0 !important; 
}

  /* Sezione 3 colonne */
.zscustom-section-29 .zsbox-container-style-02 {
padding: 20px !important; 
border: none !important; 
border-block-end: none !important; 
}

  /* Tabella rientro */
.modern #plan-name {
text-transform: lowercase !important; 
}
.tabella-abbonamento td {
padding-left: 0px !important;
}

theme-sub-menu a:hover {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

  /* Menù fondo bianco sticky */
.theme-header-transparent {
background: RGBA(255, 255, 255, 1) !important;
}

/* Link Bianchi fascia nera */
.colonna-link-bianchi a {
color: white !important; 
}

/* RESET OPACITÀ per i link dati da zoho menu */
.testo-sinistra-freccia-destra .zpelement a,
.testo-sinistra-freccia-destra .zpelement a:link,
.testo-sinistra-freccia-destra .zpelement a:visited,
.testo-sinistra-freccia-destra .zpicon-align-right a,
.testo-sinistra-freccia-destra .zpicon-align-right a:link,
.testo-sinistra-freccia-destra .zpicon-align-right a:visited {
  opacity: 1 !important;           /* annulla l’opacità base di Zoho */
  transition: opacity 0.3s ease;
}

/* HOVER UNIFICATO SU TUTTO IL BLOCCO testo + freccia */
.testo-sinistra-freccia-destra {
  transition: opacity 0.3s ease;
}
.testo-sinistra-freccia-destra:hover {
  opacity: 0.4;  
}

/* DISATTIVA HOVER INDIPENDENTI DEI LINK INTERNI */
.testo-sinistra-freccia-destra .zpelement a:hover,
.testo-sinistra-freccia-destra .zpicon-align-right a:hover {
  color: inherit !important;
  opacity: 1 !important;
}

/* Disattiva hover per i moduli marcati come no-hover */
.testo-sinistra-freccia-destra.no-hover:hover {
  opacity: 1 !important;     /* niente trasparenza */
  cursor: default !important; /* niente mano cliccabile */
}

/* Disattiva animazioni sui link interni */
.testo-sinistra-freccia-destra.no-hover a {
  pointer-events: none !important;  /* link non cliccabili */
  opacity: 1 !important;            /* opacità normale */
}






/* --------------------------------------- Risoluzione per Ipad verticale anche fino a Desktop compreso --------------------------------------- */
@media only screen and (min-width: 768px) {
/* Pulsante Testo e icona */
.testo-sinistra-freccia-destra {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #aaa;
  padding-bottom: 6px;
  width: 100%;
}

/* Testo: prende lo spazio disponibile a sinistra */
.testo-sinistra-freccia-destra .zpicon-heading {
  margin: 0;
  font-size: 1.2em;
  font-family: Futura, sans-serif;
  font-weight: 400;
  text-align: left !important;
  flex: 1;
}

/* Contenitore dell’icona (freccia) */
.testo-sinistra-freccia-destra .zpicon-container {
  /*margin-left: 20px;*/
  flex-shrink: 0;
  text-align: right !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
  flex-direction: row !important;
}

/* Sovrascrive le classi forzate di Zoho che invertivano la direzione */
.testo-sinistra-freccia-destra .zpicon-align-right,
.testo-sinistra-freccia-destra .zpicon-align-mobile-center,
.testo-sinistra-freccia-destra .zpicon-align-tablet-center {
  flex-direction: row-reverse !important;
  text-align: left !important;
  justify-content: flex-end !important;
  display: flex !important;
  width: 100%;
}

/* Icona vera e propria */
.testo-sinistra-freccia-destra .zpicon {
  font-size: 1.2em;
  color: #000000;
}

/* Foto con sotto link - da verificare */
.box-contenitore-inferiore {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  height: 100% !important;
}

/* Fascia Row spazio colonne */
.due-colonne-con-gap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.due-colonne-con-gap > .zpcol-sinistra, 
.due-colonne-con-gap > .zpcol-destra {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
}
}


/* --------------------------------------- FINE Risoluzione per Ipad verticale fino a Desktop --------------------------------------- */






/* ------------------------------------------------- Risoluzione per Ipad verticale  ------------------------------------------------- */

@media only screen and (max-width: 1024.98px) and (orientation: portrait) {
/*menu tablet spazio dal bottone contatti */
/*.theme-navigation-and-icons .theme-menu-area .theme-menu ul li:last-of-type {
padding-bottom: 30px !important; 
padding-right: 30px !important; 
padding-left: 0px !important; 
}*/
    
/*.theme-navigation-and-icons .theme-menu-area .theme-menu ul li a {
 padding-inline-start: 30px;  
}   */
   
.theme-responsive-menu-area.zpcontainer .theme-responsive-menu .theme-menu>ul{
  padding-top: 10px !important; 
padding-left: 5px !important; 
 padding-bottom: 30px !important; 
 padding-right: 20px !important; 

  }
    
  /*freccia menu tablet drop down arrow*/  
.theme-navigation-and-icons .theme-menu-area .theme-menu .theme-sub-li-menu.theme-submenu-down-arrow:after, .theme-navigation-and-icons .theme-menu-area .theme-menu .theme-sub-li-menu.theme-submenu-up-arrow:after {
height: 12px !important;
width: 12px !important;
border-inline-end: 2px solid !important;
border-block-start: 2px solid !important;
inset-block-start: 30% !important;
} 
    
.zpicon-container.zpicon-align-mobile-right .zpicon-heading {
text-align: initial !important;
}
    
.zpicon-container {
width: 100% !important; 
}
    
}

/* ----------------------------------------------- FINE Risoluzione per Ipad verticale  ----------------------------------------------- */




/* ----------------------------------------- Risoluzione per Mobile + Ipad verticale ------------------------------------------- */
/* Margini a tutto il sito per mobile + tablet*/
@media only screen and (max-width: 768px) and (orientation: portrait) {
    .zpcontainer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
    
    /* Riga fine sopra menu quando si apre Mobile*/
    .theme-navigation-and-icons .theme-menu-area .theme-menu {
        border-block-start: 1px solid #000000;
    }

/* Margini menu header */
.theme-header {
background: rgba(255,255,255,0);
display: flex;
padding-inline-start: 10px;
padding-inline-end: 10px;
}
    
.theme-responsive-menu-area.theme-navigation-and-icons .theme-menu-area.theme-responsive-menu .theme-menu .theme-sub-li-menu.theme-responsive-menu {
inset-inline-end: 9px;
    
}
/* --------------------------------------- FINE Risoluzione per Mobile + Ipad verticale ---------------------------------------- */






/* ----------------------------------------------------- Risoluzione per Mobile  ----------------------------------------------------- */

@media only screen and (max-width: 767px) {
  /* --- Font mobile (valori esatti forniti da te) --- */
  h1 {
    font-size: 40px !important;
  }
     .zpelem-iconheading h2 {
line-height: 1 !important;  }
    
  h2 {
    font-size: 30px !important;
}
  h3 {
    font-size: 20px !important;
  }
  h4 {
    font-size: 55px !important;
  }
  p {
    font-size: 20px !important;
  }
    
.team-link a {
  font-size: 16px !important;
}
.team-link a:hover {
  font-size: 16px !important;
}    
    
    
  /* --- Fix distanza testo / freccia --- */
  .testo-sinistra-freccia-destra {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
  }

  /*freccia menu mobile drop down arrow*/  
.theme-navigation-and-icons .theme-menu-area .theme-menu .theme-sub-li-menu.theme-submenu-down-arrow:after, .theme-navigation-and-icons .theme-menu-area .theme-menu .theme-sub-li-menu.theme-submenu-up-arrow:after {
height: 12px !important;
width: 12px !important;
border-inline-end: 2px solid !important;
border-block-start: 2px solid !important;
inset-block-start: 30% !important;
} 
.zpicon-container.zpicon-align-mobile-right .zpicon-heading {
text-align: initial !important;
}
.zpicon-container {
width: 100% !important; 
}
    
.loghi-marchi .zpimage-container figure img {
    height: auto !important;
 }
  
    .theme-header .zpcontainer .theme-branding-info .theme-logo-parent a img.mobileLogoAuto {
width: 150px !important; 
height: auto !important; 
}
    
  /* Hero Slide schermo intero mobile */
.copertina-home {
  min-height: 50vh !important;
}  
    
/* Larghezza tabelle mobile */ 
.tabella-abbonamento .zptable table {
    width: 100% !important;
  }  
    
    
    
    
}
/* ----------------------------------------------- FINE Risoluzione per Mobile  ----------------------------------------------- */