/* =========================================================
   INDAWEB: GLASS HEADER (CHIARO -> SCURO ALLO SCROLL)
   + OVERLAY HEADER SOPRA LA PRIMA SEZIONE
   + FULLSCREEN MEGA MENU CON CARD
   + MOBILE: LOGO SINISTRA / MENU DESTRA
   ========================================================= */

/* Header overlay sempre sopra la prima sezione */
#main-header{
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;

  background: rgba(255,255,255,0.10) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 10px 30px rgba(0,0,0,0.10);

  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

#main-header.is-scrolled{
  background: rgba(29,36,47,0.78) !important; /* #1D242F */
  border-bottom: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 12px 34px rgba(0,0,0,0.28);
}

/* Rimuove offset/padding-top che crea la striscia bianca */
#page-container,
#et-main-area{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Admin bar */
body.admin-bar #main-header{ top: 32px; }

/* Link bianchi */
#main-header a,
#main-header .menu-item a{
  color: #fff !important;
  transition: opacity .2s ease;
}
#main-header a:hover{ opacity: .85; }

/* Mobile: logo a sinistra, hamburger a destra, centrati */
@media (max-width: 980px){
  #main-header .container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .logo_container{
    float: none !important;
    text-align: left !important;
    margin-right: auto !important;
  }

  #logo{
    margin: 0 !important;
    max-height: 44px;
  }

  #et_mobile_nav_menu{
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
  }
}

/* =========================================================
   FULLSCREEN MEGA MENU (GLASS)
   ========================================================= */

.mega-overlay{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;

  padding: 96px 6vw 44px;
  background: rgba(29,36,47,0.72);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: auto;
}

.mega-overlay.is-open{ display: block; }

.mega-overlay__top{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 82px;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 6vw;
  background: rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.mega-overlay__top .mega-logo img{
  max-height: 42px;
  width: auto;
}

.mega-overlay__top .mega-close{
  appearance: none;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.10);
  color: #fff;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.mega-overlay__top .mega-close:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.30);
}

/* Griglia modulabile */
.mega-grid{
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

/* Card */
.mega-card{
  position: relative;
  border-radius: 0px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  min-height: 560px;
}

.mega-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,255,255,0.28);
  box-shadow: 0 14px 40px rgba(0,0,0,0.35);
}

.mega-card__media{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: saturate(1.05);
}

.mega-card__shade{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(29,36,47,0.20) 0%,
    rgba(29,36,47,0.68) 70%,
    rgba(29,36,47,0.85) 100%
  );
}

.mega-card__content{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  color: #fff;
}

.mega-card__title{
  margin: 0;
  font-size: 30px;
  line-height: 1.15;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
}
@media screen and (max-width:980px){
	.mega-card__title{
	  font-size: 22px;
	  letter-spacing: 1px;
	}
}
.mega-card__desc{
  margin: 8px 0 0;
  opacity: 0.85;
  font-size: 14px;
  line-height: 1.35;
}

.mega-card__link{
  position: absolute;
  inset: 0;
  text-indent: -9999px;
}

/* Blocca lo scroll della pagina quando il menu e' aperto */
html.mega-open,
html.mega-open body{
  overflow: hidden;
}

/* Disabilita i dropdown classici: useremo l'overlay */
#top-menu .sub-menu,
#mobile_menu .sub-menu{
  display: none !important;
}


@media (max-width: 980px){
  .mega-overlay{ padding: 86px 5vw 28px; }
  .mega-overlay__top{ height: 72px; padding: 0 5vw; }
  .mega-card{ min-height: 115px; }
}
/* =========================================================
   PANNELLI (home + sub-menu)
   ========================================================= */

.mega-panels{ width: 100%; }

.mega-panel{ display: none; }
.mega-panel.is-active{ display: grid; }

/* Top actions: back + title + close */
.mega-top-actions{
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width:981px){
	.mega-back{
		display:none!important;
	}
}
.mega-back{
  appearance: none;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.10);
  color: #fff;
  border-radius: 12px;
  padding: 10px 12px;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
  line-height: 1;
}
.mega-back:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.30);
}

.mega-title{
  color: #fff;
  font-weight: 700;
  opacity: .92;
  white-space: nowrap;
  max-width: 46vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Card button (per aprire pannello senza navigare) */
.mega-card__button{
  position: absolute;
  inset: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.mobile_menu_bar:before{
	color:#fff!important;
}
@media screen and (max-width:980px){
	.mega-panel.mega-grid.is-active[data-panel="home"] .mega-card__media{
		    position: absolute;
    	inset: 0;
    	background-size: contain;
   	 	background-position: right;
    	background-repeat: no-repeat;
    	filter: saturate(1.05);
    	background-color: #1c242f;
	}
	.mobile_nav{
		width:100%!important;
	}
	.mobile_nav .select_page .gmm-mobile-logo img{
		width:100%!important;
	}
	.et_header_style_split #main-header .mobile_nav {
		display: contents!important;
	}
}