/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 09 2025 | 14:25:15 */
#menu-main-menu {
  display: flex; /* Use flexbox for horizontal layout */
  white-space: nowrap; /* Prevent items from wrapping */
  overflow-x: hidden; /* Hide overflowing items */
  width: 100%; /* Ensure the ul takes up the full width */
}

#menu-main-menu li {
  flex-shrink: 0; /* Prevent items from shrinking */
}

/* Media query to hide items when the width is less than 100px */
* @media (max-width: 1105px) {
  #menu-main-menu li:nth-child(n+3) { /* Hide items starting from the 3rd one */
/*     display: none; */
  }
} 


/* Optional: If you want the LAST item to be the one that disappears first */
/* instead of hiding items from the beginning, you could use this approach */
@media (max-width: 1105px) {
    #menu-main-menu li:nth-last-child(-n+1) { /* Hide the last item */
/*         display: none; */
    }
		#menu-main-menu {
		    display: flex;
    flex-direction: row;
    justify-content: center;
	}
}
}
 
/* And if you want to progressively hide items from the end, you could use this: */
@media (max-width: 1105px) {
    #menu-main-menu li:nth-last-child(-n+1) { /* Hide the last item */
/*         display: none; */
    }
    #menu-main-menu li:nth-last-child(-n+1):not(:last-child) { /* Hide the second to last item */
/*         display: none; */
    }
    /* Add more rules as needed for other items */
}

@media (max-width: 1024px) {
    #menu-main-menu-2 li:nth-last-child(-n+1) { /* Hide the last item */
/*         display: none; */
    }
	#menu-main-menu-2 {
		    display: flex;
    flex-direction: row;
    justify-content: center;
	}
}

/* And if you want to progressively hide items from the end, you could use this: */
@media (max-width: 1024px) {
    #menu-main-menu-2 li:nth-last-child(-n+1) { /* Hide the last item */
/*         display: none; */
    }
    #menu-main-menu-2c li:nth-last-child(-n+1):not(:last-child) { /* Hide the second to last item */
/*         display: none; */
    }
    /* Add more rules as needed for other items */
}

/* Forzar sticky en versión catalana */
#elementor-header-3552 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: white; /* O el color de fondo de tu header */
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Evitar que el contenido quede oculto debajo */
body.page-id-3552 {
  padding-top: 100px; /* Ajusta al alto real del header */
	}

/* Espaciado menu catalan de escritorio */
.lang-ca .elementor-1238 .elementor-element.elementor-element-95f1d36 .tcg-nav .navigation > li > a {
    padding-left: 9px !important;
    padding-right: 9px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}