/* ----------------------------------------------------------------
    Liste prodotto a tutta larghezza
    Usato solo da Prodotti.aspx, Prodotti_Brand.aspx, Prodotti_Newin.aspx,
    Prodotti_Sale.aspx e Prodotti_Search.aspx: tutte le regole sono sotto
    .product-list-page-fullwidth, classe presente solo in queste pagine.
-----------------------------------------------------------------*/

/* Container senza max-width (titolo/intestazione brand e contenuto). */
.product-list-page-fullwidth > .container,
.product-list-page-fullwidth > .content-wrap > .container {
    max-width: none;
}

/* Dai 576px .shop ha margin-right -20px (compensa il padding destro delle card):
   - padding del container a 20px, perché con i 15px standard la griglia sporgeva di 5px;
   - le righe Bootstrap dentro la griglia (toolbar ordinamento/filtri, filtri attivi, blocco CMS)
     aggiungevano il loro margin-right -15px e sporgevano oltre la pagina.
   Senza i margini del container centrato questi sbordi diventavano scroll orizzontale.
   Sotto i 576px .shop non ha margini negativi: invariato. */
@media (min-width: 576px) {
    .product-list-page-fullwidth > .content-wrap > .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-list-page-fullwidth .shop .row {
        margin-right: 0;
    }
}

/* Desktop: la sidebar filtri resta tra 185 e 220px (prima 16% di 1306px = 209px);
   lo spazio in più va alla griglia prodotti. Fallback senza clamp(): 16% / 80%. */
@media (min-width: 1200px) {
    .product-list-page-fullwidth .sidebar {
        width: 16%;
        width: clamp(185px, 16%, 220px);
        margin-right: 0;
    }

    .product-list-page-fullwidth .postcontent {
        width: 80%;
        width: calc(100% - clamp(185px, 16%, 220px) - 50px);
    }
}

/* Colonne della griglia derivate dalla card attuale (266px a 4 per riga su 1336px):
   la card resta tra ~235 e ~300px, aumentando il numero di prodotti per riga.
   Sotto i 1500px resta il numero di colonne attuale. */
@media (min-width: 1500px) {
    .product-list-page-fullwidth .shop > .product {
        width: 20%;
    }
}

@media (min-width: 1740px) {
    .product-list-page-fullwidth .shop > .product {
        width: 16.6667%;
    }
}

@media (min-width: 2000px) {
    .product-list-page-fullwidth .shop > .product {
        width: 14.2857%;
    }
}

@media (min-width: 2240px) {
    .product-list-page-fullwidth .shop > .product {
        width: 12.5%;
    }
}