/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/** WPML **/
.wpml-ls-legacy-list-horizontal,
.wpml-ls-legacy-list-horizontal a
{padding:0;}

.wpml-ls-legacy-list-horizontal{border:none;}
.wpml-ls-legacy-list-horizontal a{line-height: unset;}


/** HEADER **/
.logo{transition: .5s;}

.header-container{
	background-color:hsl(0deg 0% 100% / 64%);
	border: 1px solid hsl(0deg 0% 100% / 24%);
	box-shadow: 0 8px 24px -16px hsl(0deg 0% 0% / 8%), inset 0 0 48px hsl(0deg 0% 100% / 32%);
	padding: var(--space-s) var(--space-m) !important;
	border-radius: 16px;
	margin-top: var(--space-m);
	max-width: calc(100% - var(--space-xl));
	position:relative;
}
.header-container:before{
	content: "";
	position: absolute;
	left:-1px;
	top:-1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-radius: 16px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	z-index: -1;
}

header.scrolling .logo{transform: scale(.85); transform-origin: left;}

.header-icons a{max-height: 24px;}
header nav .brx-submenu-toggle button{display:none;}

.header-nav-menu .mega-menu-parent .brx-submenu-toggle a{pointer-events:none;}

/** Mega Menu **/
.brx-megamenu{width:auto;}

.brx-has-megamenu.open,
.mega-menu
{transition: .3s; background-color: rgb(255 255 255);}

.mega-menu{
	opacity:0;
	box-shadow: 0 16px 16px -16px #ddd;
}

.brx-has-megamenu.open .mega-menu{opacity:1;}
/*
.mm-submenu .bricks-nav-menu > li > a{
	font-size: 11px;
}
*/

.mmmenu{
    width:100%;
}

.mmmenu ul{
    display:grid;
    grid-template-columns: 1fr 1fr;
}



/* Hamburger */
.hamburger.is-active .brxa-inner{background: transparent;}

.brxe-toggle .brxa-inner:after,
.brxe-toggle .brxa-inner:before
{transition: transform cubic-bezier(0.25, 0, 0.25, 1) .5s; transform-origin:center;}

.hamburger.is-active .brxa-inner:before{transform: rotate(45deg) translateY(150%) translateX(25%);}
.hamburger.is-active .brxa-inner:after{transform: rotate(-45deg) translateY(-150%) translateX(25%);}

body.no-scroll .imp-tooltip {
    display:none !important;
}

/** Links **/
.brxe-text-link{text-decoration: underline;}


/** Slider **/
.splide__pagination{transform: translate(-50%, -50%) !important;}


/** Team Cards **/
.team-member__img:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	color: white;
	font-size: 2.2rem;
	font-family: "scotch-modern";
	width:100%;
	height: 100%;
	display:flex;
	justify-content:center;
	align-items: center;
	opacity:0;
	transform: scale(0);
	transition: .5s;
}
.team-grid__member:hover .team-member__img:before{
	opacity:1;
	transform: scale(1);
	background-color:#45B9BC;
}

.team-grid__member.dirigenza .team-member__img:before{content:"Dirigenza";}
.team-grid__member.vendite .team-member__img:before{content:"Vendite";}
.team-grid__member.amministrazione .team-member__img:before{content:"Amministrazione";}
.team-grid__member.produzione .team-member__img:before{content:"Produzione";}
.team-grid__member.logistica .team-member__img:before{content:"Logistica";}


/*** Icon Lists ***/
:where(.brxe-list) .content {gap: 1rem;}



/*** Product features Lists ***/
.product-features-list a{pointer-events:none;}

.product-features-list li,
.product-features-list {
    font-size: 0;
}

.product-features-list a {
    font-size: 15px;     
    display: block;
}




@media (min-width: 1600px){
	.hero{background-position: right;}
}

@media (min-width: 768px){
	
	.bricks-swiper-container{padding-bottom: 100px;}
	.trend-carousel .swiper-slide:nth-child(3n+1){transform: translateY(50px);}
	.trend-carousel .swiper-slide:nth-child(3n+3){transform: translateY(100px);}
	
	.product-cat-loop:nth-child(2n) .product-cat-loop__item-content{order:1;}
	.product-cat-loop:nth-child(2n) .product-cat-loop__item-img{order:2;}
	
}

@media (max-width: 991px) {
  /* 1. Forziamo il posizionamento relativo sulla voce genitore */
  .bricks-nav-menu > li.mega-menu-parent {
    position: relative !important;
  }

  /* 2. Trasformiamo il mega menu in un elemento blocco/accordion */
  .bricks-nav-menu .mega-menu {
    position: static!important;
    top: auto !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
    opacity: 1 !important; /* Evita conflitti di opacità nativi */
    visibility: visible !important;
    
    /* Gestione apertura fluida */
    display: none;
    transition: none !important;
    height: fit-content;
  }

  /* 3. Quando la voce di menu è attiva/aperta, mostra l'accordion */
  .bricks-nav-menu li.mega-menu-parent.open .mega-menu,
  .bricks-nav-menu li.mega-menu-parent:focus-within .mega-menu {
    display: block !important;
    height: fit-content;
  }

	.bricks-nav-menu li.mega-menu-parent li a{
		font-size:85%;
		opacity:.85;
		padding-bottom:.5rem;
	}
  
  /* 4. Opzionale: Se dentro il mega menu usi una griglia (es. .mmmenu ul), 
     forzala a una sola colonna su mobile se i testi si sovrappongono */
  .mmmenu ul {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
	.header-nav-mobile{min-width: 100%; }
	
	#brxe-fypodb{
		padding: 0 !important;
		gap: 1.25rem;
		margin-bottom: 3rem;
	}

	.brx-megamenu{
		position: static;
		min-width: 100% !important;
	}
	
	header .brx-offcanvas-inner{
		flex-wrap: nowrap;
        overflow-y: scroll;
		box-shadow: 0 8px 48px -24px rgba(0, 0, 0, 0.25);
	}
	
	header nav .brx-submenu-toggle button {
    display: flex;
    margin-left: auto;
    font-size: 1.25rem !important;
	margin-bottom: 2px;
	}
	
	.mega-menu-parent.open > .brx-submenu-toggle button svg{transform:rotate(180deg);}
	
}



/*** Utility Classes ***/
.fw6{font-weight: 600;}
i{font-weight: 400;}