.elementor-4168 .elementor-element.elementor-element-2b4c879{--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:-82px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4168 .elementor-element.elementor-element-028e511{margin:244px 00px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;padding:0px 0px 0px 80px;}.elementor-4168 .elementor-element.elementor-element-028e511 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:214px;text-transform:uppercase;line-height:200px;letter-spacing:-0.02em;}.elementor-4168 .elementor-element.elementor-element-0cfc0d8{--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:2em;}.elementor-4168 .elementor-element.elementor-element-a76865d{--display:flex;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:80px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4168 .elementor-element.elementor-element-c171425{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;line-height:12px;letter-spacing:-0.02em;}.elementor-4168 .elementor-element.elementor-element-bb6ac74{--display:flex;}.elementor-4168 .elementor-element.elementor-element-85f49ed{text-align:start;}.woocommerce .elementor-4168 .elementor-element.elementor-element-85f49ed .term-description{font-family:"Inter", Sans-serif;font-size:44px;line-height:52px;letter-spacing:0.02em;}.elementor-4168 .elementor-element.elementor-element-14f7e72{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4168 .elementor-element.elementor-element-0f5489b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4168 .elementor-element.elementor-element-0f5489b.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:0px;}.elementor-4168 .elementor-element.elementor-element-0f5489b a > img{margin-bottom:0px;}.elementor-4168 .elementor-element.elementor-element-6606f9a{--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:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4168 .elementor-element.elementor-element-3433486{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4168 .elementor-element.elementor-element-3433486.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:0px;}.elementor-4168 .elementor-element.elementor-element-3433486 a > img{margin-bottom:0px;}@media(max-width:767px){.elementor-4168 .elementor-element.elementor-element-2b4c879{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4168 .elementor-element.elementor-element-028e511{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-4168 .elementor-element.elementor-element-028e511 .elementor-heading-title{font-size:44px;line-height:44px;}.woocommerce .elementor-4168 .elementor-element.elementor-element-85f49ed .term-description{font-size:28px;line-height:32px;}.elementor-4168 .elementor-element.elementor-element-6606f9a{--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;}}/* Start custom CSS for wc-categories, class: .elementor-element-0f5489b *//* 1. Il contenitore LI si adatta al contenuto */
.fasce-categoria-custom .woocommerce ul.products li.product-category {
    width: 100% !important;
    height: auto !important; /* L'altezza non è più fissa, la decide l'immagine */
    max-height: 630px;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: block !important; /* Oppure flex, ma block è più sicuro con img 65% */
    overflow: hidden;
    line-height: 0; /* Rimuove spazi bianchi sotto l'immagine */
}

/* 2. L'immagine detta la larghezza e l'altezza della fascia */
.fasce-categoria-custom .woocommerce ul.products li.product-category a img.category-full-img {
    width: 65% !important; /* Immagine al 65% della giustezza */
    height: auto !important; /* Altezza proporzionale naturale */
    max-height: 630px ;
    overflow:hidden;
    display: block !important;
    position: relative !important; /* NON absolute, per spingere l'altezza dell'LI */
    z-index: 1;
    margin-bottom:0px !important;
}
.woocommerce ul.products li.product a img{
margin: 0 0 0 !important;
}

/* 3. La colonna di destra (35%) si adatta all'altezza variabile */
.fasce-categoria-custom .woocommerce ul.products li.product-category::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 35% !important;
    height: 100%; /* Copre tutta l'altezza dettata dall'immagine */
    z-index: 2;
    background-color: #ffffff; /* Bianco di base */
    transition: background-color 0.4s ease;
}

/* Alternanza colori per le righe pari */
.fasce-categoria-custom .woocommerce ul.products li.product-category:nth-child(even)::after {
    background-color: #f5f5f5; /* Grigio */
}

/* 4. POSIZIONAMENTO TESTI E FRECCIA (Assoluti) */
.fasce-categoria-custom .woocommerce ul.products li.product-category h2 {
    position: absolute !important;
    left: calc(65% + 110px) !important;
    top: 80px !important;
    z-index: 10 !important;
    margin: 0 !important;
    /* Formattazione Space Grotesk */
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 44px !important;
    text-transform: uppercase !important;
}

.fasce-categoria-custom .woocommerce ul.products li.product-category .term-description {
    position: absolute !important;
    left: calc(65% + 110px) !important;
    top: 186px !important; /* 60px sotto il titolo */
    width: calc(35% - 150px) !important;
    z-index: 10 !important;
    /* Formattazione Inter */
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
}

.fasce-categoria-custom .woocommerce ul.products li.product-category .arrow-category-icon {
    position: absolute !important;
    bottom: 80px !important;
    right: 80px !important;
    top: auto !important;
    left: auto !important;
    width: 44px !important;
    height: 44px !important;
    z-index: 20 !important;
    filter: brightness(0);
}

/* 5. HOVER ARANCIONE */
.fasce-categoria-custom .woocommerce ul.products li.product-category:hover::after,
.fasce-categoria-custom .woocommerce ul.products li.product-category.is-active::after {
    background-color: #FF8C00 !important;
}

.fasce-categoria-custom .woocommerce ul.products li.product-category:hover h2,
.fasce-categoria-custom .woocommerce ul.products li.product-category:hover .term-description,
.fasce-categoria-custom .woocommerce ul.products li.product-category:hover .arrow-category-icon {
    color: #FFFFFF !important;
    filter: brightness(0) invert(1) !important;
}

.count { display: none; }/* End custom CSS */
/* Start custom CSS for wc-categories, class: .elementor-element-3433486 */.count { display: none; }
/* Trasforma il link della categoria in un contenitore Flex */
.product-category.product a {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. L'immagine della categoria (Truciolati) resta in alto */
.product-category.product a .category-full-img {
    order: 4;
}

/* 2. IL TITOLO (h2) viene spostato visivamente al secondo posto */
.product-category.product a .woocommerce-loop-category__title {
    order: 1;
    margin-top: 15px !important; /* Spazio tra immagine e titolo */
    margin-bottom: 5px !important;
    margin-left:40px !important;
    font-size: 28px !important;
    line-height: 32px;
    font-weight: 500;
    
}

/* 3. LA DESCRIZIONE viene spostata al terzo posto */
.product-category.product a .term-description {
    order: 2;
    margin-bottom: 10px !important;
     margin-left:40px;
    font-size: 10px;
    line-height: 14px;
}

/* 4. L'ICONA FRECCIA va per ultima in fondo */
.product-category.product a .arrow-category-icon {
    order: 3;
    align-self: flex-end;
    margin-right: 35px !important;
    width: 44px !important;
    bottom: 60px;
    position: relative;
    right: 35px;
    top: -40px;
}

/* Sfondo per i blocchi DISPARI (1, 3, 5...) */
.product-category.product:nth-child(odd) {
    background-color: #FFFFFF;
    transition: background-color 0.3s ease; /* Transizione fluida */
}

/* Sfondo per i blocchi PARI (2, 4, 6...) */
.product-category.product:nth-child(even) {
    background-color: #E1D7CA;
    transition: background-color 0.3s ease;
}

/* Effetto al passaggio del mouse (Hover) - Valido per tutti */
.product-category.product:hover {
    background-color: #C55104 !important;
}

/* Opzionale: Se vuoi cambiare il colore del testo in bianco quando lo sfondo diventa arancione */
.product-category.product:hover .woocommerce-loop-category__title,
.product-category.product:hover .term-description {
    color: #FFFFFF !important;
}

/* Se l'icona freccia è una PNG scura e vuoi che risalti sull'arancione */
.product-category.product:hover .arrow-category-icon {
    filter: brightness(0) invert(1); 
}/* End custom CSS */