@media (max-width: 1199.98px) {
#top-primary-nav.menuzord-responsive .menuzord-menu > li > a,
#top-primary-nav-clone.menuzord-responsive .menuzord-menu > li > a {
	color: #fff;
    background-color: rgb(var(--colore_primario));
    border-bottom-color: #fff; 
}
  #top-primary-nav.menuzord-responsive .menuzord-menu li .indicator,
  #top-primary-nav-clone.menuzord-responsive .menuzord-menu li .indicator {
    border-left-color: transparent; }
  #top-primary-nav.menuzord-responsive .menuzord-menu ul.dropdown,
  #top-primary-nav-clone.menuzord-responsive .menuzord-menu ul.dropdown {
    border-top: 0;
    border-color: #444; }
    #top-primary-nav.menuzord-responsive .menuzord-menu ul.dropdown li a,
    #top-primary-nav-clone.menuzord-responsive .menuzord-menu ul.dropdown li a {
      color: #fff;
      background-color: #666;
        border-bottom-color: #000; }
  #top-primary-nav.menuzord-responsive .menuzord-menu .widget,
  #top-primary-nav-clone.menuzord-responsive .menuzord-menu .widget {
    margin-bottom: 15px; }
  #top-primary-nav.menuzord-responsive .menuzord-menu .megamenu .megamenu-row > [class^="col"],
  #top-primary-nav-clone.menuzord-responsive .menuzord-menu .megamenu .megamenu-row > [class^="col"] {
    padding: 0 15px; }
  #top-primary-nav.menuzord-responsive .menuzord-menu .megamenu .megamenu-row [class*="col"],
  #top-primary-nav-clone.menuzord-responsive .menuzord-menu .megamenu .megamenu-row [class*="col"] {
    margin-top: 0; } 
 #top-primary-nav .menuzord-menu {
    display: none !important; }
	    header#header .menuzord-brand {
      margin-right: 20px; }
}

  @media screen and (prefers-reduced-motion: reduce) {
    header#header .menuzord-brand {
      transition: none; } }

  @media (max-width: 767.98px) {
    header#header .menuzord-brand {
      margin-right: 0; } }

    @media screen and (prefers-reduced-motion: reduce) {
      header#header .menuzord-brand img {
        transition: none; } }
    @media (max-width: 575.98px) {
      header#header .menuzord-brand img {
        max-width: 200px !important; } }


@media (min-width: 1200px) {
  header#header.main-nav-items-textcolor-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav .menuzord-menu > li > a,
  header#header.main-nav-items-textcolor-white .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav-clone .menuzord-menu > li > a {
    color: #fff; } }

@media (min-width: 1200px) {
  header#header.main-nav-items-textcolor-dark .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav .menuzord-menu > li > a,
  header#header.main-nav-items-textcolor-dark .header-nav .navbar-scrolltofixed:not(.scroll-to-fixed-fixed) #top-primary-nav-clone .menuzord-menu > li > a {
    color: #222; } }

@media (min-width: 1200px) {
  .menuzord-menu > li > .megamenu {
    display: block !important;
    opacity: 0;
    visibility: hidden; }
  .menuzord-menu > li:hover > .megamenu {
    opacity: 1;
    visibility: visible; } 
}


/* 14 - MOBILE MODE (RESPONSIVE MODE)
======================================*/
@media (max-width: 1199.98px){
	/* Responsive menu container */
	.menuzord-responsive.menuzord{
		padding: 0;
	}
	
	/* Brand */
	.menuzord-responsive .menuzord-brand{
		margin: 8px 30px 10px 20px;
		font-size: 20px;
		line-height: 1.55;
	}
	
	/* Show/hide button */
	.menuzord-responsive .showhide{
		margin: 0;
	}
	
	/* Menu */
	.menuzord-responsive .menuzord-menu{
		width: 100%;
		float: left !important;
	}
	/* scrollable menu*/
	.menuzord-responsive .menuzord-menu.scrollable{
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix{
		display: block;
	}
	
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li{
		width: 100%;
		display: block;
		position: relative;
	}
	.menuzord-responsive .menuzord-menu > li > a{
		width: 100%;
		padding: 12px 20px;
		display: block;
		border-bottom: solid 1px #f0f0f0;
	}
	.menuzord-responsive .menuzord-menu > li:first-child > a{
		border-top: solid 1px #f0f0f0;
	}
	
	/* Dropdown */
	.menuzord-responsive .menuzord-menu ul.dropdown,
	.menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{
		width: 100%;
		left: 0;
		position: static;
		border: none;
		background: #fff;
		float: left;
	}
	
	/* Dropdown items */
	.menuzord-responsive .menuzord-menu ul.dropdown li{
		position: relative;
	}
	.menuzord-responsive .menuzord-menu ul.dropdown li a{
		border-bottom: solid 1px #f0f0f0;
	}
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a{ padding-left: 40px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 60px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a{ padding-left: 80px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a{ padding-left: 50px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 70px !important; }
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a{ padding-left: 90px !important; }
	
	/* Dropdown/megamenu indicators */
	.menuzord-responsive .menuzord-menu li .indicator{		
		width: 60px;
		height: 45px;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 22px;
		text-align: center;
		line-height: 43px;
		border-left: solid 1px #f5f5f5;
	}
	.menuzord-responsive .menuzord-menu li ul.dropdown li .indicator{
		height: 38px;
		right: 0;
		top: 0;
		font-size: 18px;
		line-height: 36px;
	}
	
	/* Megamenu */
	.menuzord-responsive .menuzord-menu > li > .megamenu{
		width: 100% !important;
		left: 0 !important;
		position: static;
		border-top: none;
		border-bottom: solid 1px #f0f0f0;
	}
	.menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row [class*="col"]{
		float: none;
		display: block;
		width: 100% !important;
		margin-left: 0;
		margin-top: 15px;
	}
	.menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row:first-child  [class*="col"]:first-child {
		margin-top: 0;
	}
	.menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row{
		margin-top: 0;
	}
	
	/* Search field */
	.menuzord-responsive .menuzord-menu > li.search form{
		width: 100%;
		margin: 4px 0;
		padding: 10px 16px !important;
	}
	.menuzord-responsive .menuzord-menu > li.search form input[type="text"]{
		width: 100%;
	}
	
	/* Tabs */
	.menuzord-responsive .menuzord-tabs-nav{
		width: 100%;
	}
	.menuzord-responsive .menuzord-tabs-content{
		width: 100%;
	}
}


@media (min-width: 1200px){
	header#header.header-layout-type-header-2rows-floating-header .menuzord-menu > li {
		padding: 20px 0;
	}
	header#header.header-layout-type-header-2rows-floating-header .menuzord-menu ul.dropdown {
		top: 100%;
	}
}

/* Mobile mode (Responsive mode) */
@media (max-width: 1199.98px){
	/* Menu items */
	.menuzord-responsive .menuzord-menu > li{
		padding: 0;
	}
	.menuzord-responsive .menuzord-menu > li > a{
		padding: 12px 20px !important;
		border-radius: 0;
	}
}

/* === MOBILE MENU: SLIDE-IN CLONE FROM RIGHT ============================= */
@media (max-width: 1199.98px) {
  /* Pannello mobile: il contenitore CLONATO che scorre da destra */
  #top-primary-nav-clone {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    background: rgb(var(--colore_primario));
    z-index: 1002;

    /* nascosto fuori dallo schermo finché il body non ha la classe */
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform .35s ease, opacity .25s ease, visibility .35s;
  }

  /* Stato aperto (il tuo JS aggiunge/rimuove questa classe) */
  body.menuzord-menu-open #top-primary-nav-clone{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  /* Blocca lo scroll sotto al pannello */
  body.menuzord-menu-open{
    overflow: hidden;
  }

  /* Overlay scuro sul contenuto (clic “fuori” per chiudere se gestito da JS) */
  body.menuzord-menu-open-::before{
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 1001;
    opacity: 1;
    transition: opacity .35s ease;
  }
  body::before{
    opacity: 0;
    pointer-events: none;
  }

  /* Bottone close in testa (se usi <a class=\"close-mobile\">) */
  #top-primary-nav-clone .menu-close .close-mobile{
    display:flex; align-items:center; justify-content:center;
    height:48px; padding:0 16px;
    color:#fff; text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
}