.elementor-447287 .elementor-element.elementor-element-8d50079{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447287 .elementor-element.elementor-element-32bd742{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447287 .elementor-element.elementor-element-14e5423 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-447287 .elementor-element.elementor-element-14e5423 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:40px;font-weight:700;line-height:48px;}.elementor-447287 .elementor-element.elementor-element-0148692 .elementor-heading-title{font-family:var( --e-global-typography-dfbody-font-family ), Sans-serif;font-size:var( --e-global-typography-dfbody-font-size );font-weight:var( --e-global-typography-dfbody-font-weight );line-height:var( --e-global-typography-dfbody-line-height );}.elementor-447287 .elementor-element.elementor-element-3cab298{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-447287 .elementor-element.elementor-element-24ab679{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 32px;--row-gap:0px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447287 .elementor-element.elementor-element-8753bc9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447287 .elementor-element.elementor-element-8753bc9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-447287 .elementor-element.elementor-element-278d0fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-447287 .elementor-element.elementor-element-0148692 .elementor-heading-title{font-size:var( --e-global-typography-dfbody-font-size );line-height:var( --e-global-typography-dfbody-line-height );}}@media(min-width:768px){.elementor-447287 .elementor-element.elementor-element-8d50079{--content-width:100%;}.elementor-447287 .elementor-element.elementor-element-8753bc9{--width:27%;}.elementor-447287 .elementor-element.elementor-element-278d0fb{--width:73%;}}@media(max-width:767px){.elementor-447287 .elementor-element.elementor-element-32bd742{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447287 .elementor-element.elementor-element-14e5423 .elementor-heading-title{font-size:32px;}.elementor-447287 .elementor-element.elementor-element-0148692 .elementor-heading-title{font-size:var( --e-global-typography-dfbody-font-size );line-height:var( --e-global-typography-dfbody-line-height );}.elementor-447287 .elementor-element.elementor-element-3cab298{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447287 .elementor-element.elementor-element-24ab679{--padding-top:12px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-81343ef */@media (min-width: 768px) {
    #tabella_prodotti_2026:not(.grid) .product-description {
        min-height: 1.4em !important;
        max-width: 75% !important;
        font-size: 14px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
    }
    #tabella_prodotti_2026:not(.grid) .product-item {
        min-height: 150px !important;
        align-items: center !important;
    }
}



#load-more-products {
 border-radius: 50px !important;
 color: white !important;
 font-family: "Open Sans";
}/* End custom CSS */
/* Start custom CSS *//* ===== CATEGORIE tree ===== */
.filtri-prodotti .cat-tree,
.filtri-prodotti .cat-children{
  list-style: none;
  margin: 0;
  padding: 0;
}

.filtri-prodotti .cat-label-row{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.filtri-prodotti .cat-toggle-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  border: 0;
  background: transparent;
  cursor: pointer;
  opacity: .85;
}

.filtri-prodotti .cat-toggle-btn:hover{
  opacity: 1;
}

.filtri-prodotti .cat-toggle-btn i{
  transition: transform .15s ease;
  transform: rotate(-90deg);
  font-size: 12px;
}

.filtri-prodotti .cat-toggle-btn i.is-open{
  transform: rotate(0deg);
}

.filtri-prodotti .cat-toggle-spacer{
  width: 26px;
  min-width: 26px;
  height: 26px;
  display: inline-block;
}

.filtri-prodotti .cat-children{
  margin-left: 18px;
  padding-left: 12px;
  border-left: 1px solid rgba(255,255,255,.10);
}

.filtri-prodotti .cat-children .cat-name{
  font-size: 13px;
}

/* ===== IMMAGINI PRODOTTO - GRID ===== */
/* Wrapper immagine: prende tutta la larghezza della card e resta sempre quadrato */
.product-item .product-image{
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-item .product-image a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-item .product-image img{
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
  image-rendering: auto;
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
}

/* ===== MOBILE: VISUALIZZAZIONE LISTA ===== */
@media (max-width: 767px){
  /* NOT GRID - MOBILE: la card diventa colonna e TUTTO è largo 100% */
  #tabella_prodotti_2026:not(.grid) .product-item{
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  /* Immagine full-width su MOBILE */
  #tabella_prodotti_2026:not(.grid) .product-item .product-image{
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    display: block;
  }

  #tabella_prodotti_2026:not(.grid) .product-item .product-image a,
  #tabella_prodotti_2026:not(.grid) .product-item .product-image > *{
    width: 100% !important;
    max-width: 100% !important;
    display: block;
  }

  #tabella_prodotti_2026:not(.grid) .product-item .product-image img{
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: contain;
    max-width: 100% !important;
  }

  #tabella_prodotti_2026:not(.grid) .product-item .product-image a{
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  #tabella_prodotti_2026:not(.grid) .product-item .product-info{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
}







/*
 * FIX: Rimuovi contatori quantità - VERSIONE CON SPECIFICITÀ ALTA
 * 
 * Se il CSS base non funziona, questa versione usa selettori più specifici
 */

/* ========================================
   1. ARCHIVIO - "X Prodotti totali"
   ======================================== */


/* ========================================
   2. FILTRI - Count sottocategorie e opzioni
   ======================================== */

/* Selettore base */
.filtro-count {
    display: none !important;
}

/* All'interno delle opzioni */
.filtro-option .filtro-count,
.filtro-options .filtro-count {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Sottocategorie specifiche */
.filtro-gruppo .filtro-count {
    display: none !important;
}

/* ========================================
   3. PULSANTE FILTRI MOBILE - "(3)"
   ======================================== */

/* Span dentro il button */
.mobile-filter-btn span {
    display: none !important;
}

/* Più specifico */
label.mobile-filter-btn span {
    display: none !important;
}

/* Se è un v-if di Vue */
.mobile-filter-btn span[v-if] {
    display: none !important;
}

/* ========================================
   4. HEADER FILTRI - "3 selezionati"
   ======================================== */

/* Selettore base */
.filtri-top-actions .filtro-count {
    display: none !important;
}

/* Più specifico */
.filtri-header .filtri-top-actions .filtro-count {
    display: none !important;
}

/* Span che contiene selectedCount */
.filtri-top-actions span.filtro-count {
    display: none !important;
}

/* ========================================
   5. BACKUP - Nascondi anche tramite attributo
   ======================================== */

/* Se Vue non ha ancora rimosso l'elemento */
[v-if*="count"],
[v-show*="count"] {
    /* display: none !important; */ /* Decommenta se necessario */
}

/* ========================================
   DEBUG - Decommenta per vedere cosa viene colpito
   ======================================== */

/*
.products-count {
    background: red !important;
    color: white !important;
    padding: 10px !important;
}

.filtro-count {
    background: blue !important;
    color: white !important;
    padding: 5px !important;
}

.mobile-filter-btn span {
    background: green !important;
    color: white !important;
}
*/

/* ========================================
   METODO ALTERNATIVO - Font size 0
   ======================================== */

/* Se display:none non funziona, prova questo */
/*
.products-count,
.prodotti_totali,
.filtro-count {
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}
*/

/* ========================================
   ULTIMA RISORSA - JavaScript
   ======================================== */

/* Se il CSS proprio non funziona, usa questo JavaScript:

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Rimuovi "X Prodotti totali"
    const productsCount = document.querySelectorAll('.products-count, .prodotti_totali');
    productsCount.forEach(el => el.style.display = 'none');
    
    // Rimuovi count nei filtri
    const filtroCounts = document.querySelectorAll('.filtro-count');
    filtroCounts.forEach(el => el.style.display = 'none');
    
    // Rimuovi count nel button mobile
    const mobileBtn = document.querySelector('.mobile-filter-btn span');
    if (mobileBtn) mobileBtn.style.display = 'none';
    
    console.log('✅ Contatori nascosti!');
});

// Per Vue.js che carica dopo:
setTimeout(function() {
    const filtroCounts = document.querySelectorAll('.filtro-count');
    filtroCounts.forEach(el => el.style.display = 'none');
}, 2000);
</script>

*/









/* ========================================
   TOOLBAR PRODOTTI - Switcher a Destra
   ======================================== */

.toolbar-products {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
    text-align: left !important; /* Rimuovi text-align right */
}

.products-count {
    flex: 0 0 auto;
}

.view-switcher {
    margin-left: auto !important; /* Forza a destra */
}






body > div.elementor.elementor-447287.elementor-location-archive.product > div.elementor-element.elementor-element-3cab298.elementor-hidden-desktop.elementor-hidden-tablet.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    display: none !important;
}






/* Banner ricerca attiva */
.search-active-banner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #F5F7FA;
    padding: 10px 14px 10px 18px;
    border-radius: 50px;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #E0E0E0;
}
.search-active-banner .search-label {
    color: #666;
}
.search-active-banner .search-term {
    font-weight: 600;
    color: #303030;
}
.search-active-banner .search-clear {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: #D53221;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-left: 6px;
}
.search-active-banner .search-clear:hover {
    background: #b52a1a;
}/* End custom CSS */