/**
 * Shop Page Styles - Pappasole Shop
 *
 * Stili specifici per la pagina archivio prodotti (shop).
 * Caricato condizionalmente solo su: shop, categorie, tag prodotto.
 *
 * Struttura:
 * .pappasole-shop-page            - <main> contenitore pagina
 *   .pappasole-shop-header        - breadcrumb + titolo
 *   .pappasole-shop-layout        - grid sidebar + prodotti
 *     .pappasole-shop-sidebar     - <aside> filtri
 *     .pappasole-shop-products    - toolbar + griglia + paginazione
 *       .pappasole-shop-toolbar   - ordinamento + conteggio
 *       .pappasole-shop-pagination - paginazione
 *     .pappasole-shop-empty       - stato vuoto
 *
 * @version 1.1.0
 */

/* ========== LAYOUT PLACEHOLDER ========== */
/* Le regole CSS verranno aggiunte dopo la definizione del layout HTML */


.pappasole-shop-toolbar{display:flex;place-content: space-between;margin-bottom: 1.6rem;align-items: center;}
.woocommerce-result-count{margin:0}
.woocommerce-ordering{margin:0}

.pappasole-shop-title{margin-top:4.4rem}

.wc-block-product-filters__open-overlay{position: fixed;bottom: 2.4rem;left: 50%;transform: translateX(-50%);z-index: 2;width: 75%;padding: 1rem;}

@media(min-width:601px){
    .wc-block-product-filters__open-overlay{display: none;}    
    .pappasole-shop-title{font-size:6.4rem;margin-bottom:3.2rem;margin-top:1.6rem;}
    .pappasole-shop-layout{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 2.4rem;}    
    .pappasole-shop-sidebar{grid-column: span 5 / span 5;}
    
    .pappasole-shop-filter-widget-container{margin: 0;position: sticky;top: 12.8rem;}
    .pappasole-shop-filter-widget-container .shop-filter-widget{height: calc(100vh - 7rem - 10rem);overflow-y: auto;scrollbar-width: thin;}
    .wc-block-product-filters__overlay-content{gap:0}
    .wc-block-product-filters__overlay-content > div{border-top:1px solid #ddd}
    .wc-block-product-filters__overlay-content > div:last-of-type{border-bottom:1px solid #ddd}
    .pappasole-shop-sidebar h2.wp-block-heading{margin-top: 0;margin-bottom:1.6rem!important;font-size: 2.4rem;}
    .pappasole-shop-sidebar h3.wp-block-heading{text-transform: uppercase;font-size: 1.6rem;line-height: 1;}

    /* Accordion filtri sidebar */
    .shop-filter-accordion > div{padding-bottom:2.4rem;padding-top:2.4rem}
    .shop-filter-accordion summary{padding:1.6rem 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;text-transform:uppercase;font-size:1.6rem;font-family:var(--ff-heading);line-height:1;}
    .shop-filter-accordion summary::-webkit-details-marker{display:none;}
    .shop-filter-accordion summary::marker{display:none;content:"";}
    .shop-filter-accordion__label{font-family: var(--ff-heading);font-size:1.6rem;color:var(--primary-color)}
    .shop-filter-accordion__icon{font-size:1.2rem;transition:transform .3s ease;color: var(--primary-color);}
    .shop-filter-accordion[open] .shop-filter-accordion__icon{transform:rotate(180deg);}
    .wc-block-product-filter-price-slider__content{width: calc(100% - .4rem);margin: auto;}

    [data-block-name="woocommerce/product-filter-active"]{padding:2.4rem 0}


    .pappasole-shop-products{grid-column: span 7 / span 7;}
}

@media(min-width:768px){
    .pappasole-shop-sidebar{grid-column: span 4 / span 4;}    
    .pappasole-shop-products{grid-column: span 8 / span 8;}    
}

@media(min-width:992px){
    .pappasole-shop-sidebar{grid-column: span 3 / span 3;}    
    .pappasole-shop-products{grid-column: span 9 / span 9;}    
}

@media(min-width:1280px){
    .pappasole-shop-sidebar{grid-column: span 2 / span 2;}    
    .pappasole-shop-products{grid-column: span 10 / span 10;}    
}

@media(min-width:1920px){
    .pappasole-shop-layout{gap:4.8rem}
}

#footer-end{padding-bottom: 6.4rem;}