/*
Theme Name:  SukoonLiving CalmCommerce
Theme URI:   https://sukoonliving.pk
Description: Premium home decor WooCommerce theme — calm, airy, and conversion-focused.
Version:     1.4.0
Author:      SukoonLiving
Author URI:  https://sukoonliving.pk
License:     GPL-2.0-or-later
Text Domain: sukoonliving
Tags:        woocommerce, e-commerce, custom-logo, custom-menu, featured-images, threaded-comments
*/



/* ==========================================================
   PHASE 3F ROUTE CHIPS POLISH
   Mobile route-chip scrollbar cleanup + spacing refinement
   ========================================================== */
@media (max-width: 767px) {
    /*
     * Hide the visible grey scrollbar while keeping horizontal swipe active.
     * Applies to archive, collection, and selection route chip rows.
     */
    .sl-collection-page-category-routes,
    .sl-selection-page-category-routes,
    .sl-archive-browse,
    .sl-archive-browse__chips,
    .sl-category-route-strip,
    .sl-category-route-chips,
    .sl-product-archive-routes,
    .sl-shop-category-routes {
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
    }

    .sl-collection-page-category-routes::-webkit-scrollbar,
    .sl-selection-page-category-routes::-webkit-scrollbar,
    .sl-archive-browse::-webkit-scrollbar,
    .sl-archive-browse__chips::-webkit-scrollbar,
    .sl-category-route-strip::-webkit-scrollbar,
    .sl-category-route-chips::-webkit-scrollbar,
    .sl-product-archive-routes::-webkit-scrollbar,
    .sl-shop-category-routes::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    /*
     * Softer mobile gutters so the first/last chips do not feel cut.
     */
    .sl-collection-page-category-routes,
    .sl-selection-page-category-routes {
        gap: 10px;
        padding-bottom: 4px;
        mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 18px), transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 18px), transparent 100%);
    }

    .sl-collection-page-category-routes .sl-collection-page-category-chip,
    .sl-selection-page-category-routes .sl-collection-page-category-chip,
    .sl-archive-browse a,
    .sl-archive-browse__chips a,
    .sl-category-route-strip a,
    .sl-category-route-chips a,
    .sl-product-archive-routes a,
    .sl-shop-category-routes a {
        white-space: nowrap;
        flex: 0 0 auto;
    }

    /*
     * Compact the large space between route chips and the product grid/section heading
     * on collection-style pages without touching homepage product rails.
     */
    .sl-selection-page-category-routes + *,
    .sl-collection-page-category-routes + * {
        margin-top: 18px;
    }

    body.post-type-archive-product .sl-collection-page-category-routes,
    body.tax-product_cat .sl-collection-page-category-routes,
    body.page-template-template-product-collection .sl-collection-page-category-routes,
    body.single-sl_selection .sl-selection-page-category-routes {
        margin-bottom: 10px;
    }

    /*
     * Keep floating WhatsApp button from visually covering route-chip sections too aggressively.
     */
    body.single-sl_selection .sl-collection-page-category-routes,
    body.page-template-template-product-collection .sl-collection-page-category-routes,
    body.tax-product_cat .sl-collection-page-category-routes {
        padding-right: 28px;
    }
}

@media (max-width: 480px) {
    .sl-collection-page-category-routes .sl-collection-page-category-chip,
    .sl-selection-page-category-routes .sl-collection-page-category-chip {
        min-height: 38px;
        padding: 9px 14px;
        font-size: 13px;
    }

    .sl-selection-page-category-routes + *,
    .sl-collection-page-category-routes + * {
        margin-top: 14px;
    }
}