.site-branding{width: 100%;
    text-align: center;}
.site-navigation{width:100%}
.site-navigation ul.menu{
	margin: auto;
}
#menu-contact{padding-top:40px;}
.menu-item a{
	    color: #000!important;
    font-size: 24px;
    text-decoration: none!important;
}.elementor-text-editor ul {
  padding-left: 1em;
  margin-left: 0;
}

.elementor-text-editor li {
  padding-left: 0;
}
3
.page-id-173 .site-branding img {
  max-width: 120px;
  height: auto;
}
/* OBJECTS – elimina lo stacco bianco tra logo e menu (solo desktop) */
@media (min-width: 1025px) {
  .page-id-173 .site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .page-id-173 .site-branding {
    margin-bottom: 0 !important;
  }

  .page-id-173 .site-navigation {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* PAGINA elementor-470 – lista più “stretta” e allineata */
body.page-id-470 .elementor-widget-text-editor ul,
body.page-id-470 .elementor-widget-container ul {
  padding-left: 0.9em !important;
  margin-left: 0 !important;
}

body.page-id-470 .elementor-widget-text-editor li,
body.page-id-470 .elementor-widget-container li {
  padding-left: 0 !important;
  text-align: justify !important;
  text-justify: inter-word;
}
/* RIDUCE SPAZIO tra colonna e punti elenco */
.elementor-widget-text-editor ul,
.entry-content ul {
  padding-left: 0.6em !important;
  margin-left: 0 !important;
}

.elementor-widget-text-editor li,
.entry-content li {
  padding-left: 0 !important;
}
/* Contenitore hover */
.hover-collection a{
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Immagine: zoom + filtro */
.hover-collection img{
  display:block;
  width:100%;
  height:auto;
  transition: transform .35s ease, filter .35s ease;
}

.hover-collection a:hover img{
  transform: scale(1.06);
  filter: grayscale(100%) blur(1px);
}

/* Overlay testo */
.hover-collection a::after{
  content: "Explore collection";
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  letter-spacing:.06em;
  text-transform: uppercase;
  color:#fff;
  background: rgba(0,0,0,.35);
  opacity:0;
  transition: opacity .35s ease;
}

.hover-collection a:hover::after{
  opacity:1;
}
/* Elementor Image widget hover - robusto */
.hover-img .elementor-widget-container{
  position: relative;
}

.hover-img .elementor-image{
  position: relative;
  overflow: hidden;
}

/* link e immagine a blocco */
.hover-img .elementor-image a,
.hover-img .elementor-image img{
  display: block;
}

/* effetto immagine */
.hover-img .elementor-image img{
  width: 100%;
  height: auto;
  transition: transform .35s ease, filter .35s ease;
}

.hover-img:hover .elementor-image img{
  transform: scale(1.06);
  filter: grayscale(100%) blur(1px);
}

/* caption Elementor (quella vera) come overlay*
@media (max-width: 767px) {

  .hb-header nav ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 18px;
  }

  .hb-header nav ul li {
    margin: 0 !important;
  }

  .hb-header nav ul li a {
    white-space: nowrap;
    font-size: 14px;
  }

}
@media (max-width: 767px){

  /* Target più universale per header/menu (Hello Biz + menu a blocchi) */
  header nav ul,
  .site-header nav ul,
  .wp-site-blocks header nav ul,
  header .menu,
  header ul.menu,
  header .wp-block-navigation__container,
  header .wp-block-page-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;

    /* se non ci sta comunque: resta su una riga e scorre */
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  header nav ul li,
  .site-header nav ul li,
  header .menu > li,
  header ul.menu > li,
@media (max-width: 767px){

  header nav ul,
  header .wp-block-navigation__container,
  header .wp-block-page-list,
  header ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important; /* così parte da sinistra */
    gap: 14px !important;

    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 0 16px !important;            /* evita taglio ai bordi */
    scroll-padding-left: 16px;
  }

  /* nasconde la scrollbar (iOS ok) */
  header nav ul::-webkit-scrollbar,
  header .wp-block-navigation__c
@media (max-width: 767px){
  header nav ul,
  header .wp-block-navigation__container,
  header .wp-block-page-list,
  header ul.menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    gap: 10px !important;
    padding: 0 10px !important;
  }

  header nav ul li a,
  header .wp-block-navigation-item__content,
  header .wp-block-pages-list__item__link,
  header ul.menu li a{
    white-space:nowrap !important;
    font-size: 12px !important;
  }
}
@media (max-width: 767px){

  /* FORZA: niente scroll + tutto in una riga */
  header nav ul,
  header .wp-block-navigation__container,
  header .wp-block-page-list,
  header ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important; /* aiuta a farci stare tutto */
    gap: 8px !important;
    padding: 0 10px !important;

    overflow-x: hidden !important;   /* disattiva lo scroll */
    overflow: hidden !important;
  }

  header nav ul li,
  header .wp-block-navigation-item,
  header .wp-block-pages-list__item,
  header ul.menu li {
    mar
@media (max-width: 767px){

  /* 1) Disattiva lo scroll dove lo mette davvero WP/tema */
  header nav,
  header .wp-block-navigation,
  header .wp-block-navigation__responsive-container,
  header .wp-block-navigation__responsive-container-content {
    overflow: hidden !important;
  }

  /* 2) Forza la riga unica e “compatta” */
  header nav ul,
  header ul.menu,
  header .wp-block-navigation__container,
  header .wp-block-page-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 6px !importan
@media (max-width: 767px){

  /* 1) Disattiva lo scroll dove lo mette davvero WP/tema */
  header nav,
  header .wp-block-navigation,
  header .wp-block-navigation__responsive-container,
  header .wp-block-navigation__responsive-container-content {
    overflow: hidden !important;
  }

  /* 2) Forza la riga unica e “compatta” */
  header nav ul,
  header ul.menu,
  header .wp-block-navigation__container,
  header .wp-block-page-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 6px !importan
@media (max-width: 767px){

  /* Contenitore tipico del menu (header o area sopra al contenuto) */
  header, .site-header, .wp-site-blocks header {
    overflow-x: hidden !important;
  }

  /* Schiaccia la “riga” del menu anche se è testo con spazi */
  header nav,
  header .wp-block-navigation,
  header .wp-block-navigation__responsive-container,
  header .wp-block-navigation__responsive-container-content,
  header .wp-block-navigation__container,
  header .wp-block-page-list,
  header ul.menu {
    overflow-x: hidden !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }

  /* Questa è la parte chiave: riduce gli spazi tra le voci */
  header nav a,
  header .wp-block-navigation a,
  header .wp-block-page-list a,
  header ul.menu a {
    font-size: 11px !important;
    letter-spacing: -0.3px !important;
  }

  /* Se le voci sono dentro un testo con spazi */
  header nav,
  header .wp-block-navigation__responsive-container-content,
  header .wp-block-navigation__container,
  header .wp-block-page-list {
    white-space: nowrap !important;
    word-spacing: -10px !important;   /* <<< stringe gli spazi “giganti” */
    text-align: center !important;
  }

}
@media (max-width: 767px){

  /* La riga Home / About / Instagram / Contact in homepage:
     è la prima UL che compare nella pagina */
  body.home ul:first-of-type{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    align-items:center !important;

    width:100% !important;
    box-sizing:border-box !important;
    padding: 0 14px !important;
    margin: 0 !important;

    overflow:hidden !important;  /* niente scrollbar */
  }

  body.home ul:first-of-type > li{
    flex: 1 1 0 !important;
    text-align:center !important;
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
  }

  /* Contact a volte non è link: quindi imposto su li e su a */
  body.home ul:first-of-type > li,
  body.home ul:first-of-type > li a{
    white-space:nowrap !important;
    font-size: clamp(10px, 3.2vw, 13px) !important;
    letter-spacing: -0.3px !important;
    padding:0 !important;
    margin:0 !important;
  }
}