/*
Theme Name: Blank WooCommerce
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: Minimal starter theme with WooCommerce support.
Version: 1.0
Text Domain: blank-woocommerce
Requires at least: 6.0
Tested up to: 6.5
*/


:root{ --max-width:1200px; }
html,body{margin:0;padding:0;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;}

/* keep things simple for mobile */
@media (max-width:600px){ .site{padding:12px} }
/* WooCommerce product grid fix */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: flex;
    flex-wrap: wrap;

   
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    /* margin: 0 3.8% 2.992em 0; */
    margin:0 !important;
    padding-left: 15px;
    padding-right:15px;
    position: relative;
    width: 25% !important;
    margin-left: 0;
}




.woocommerce ul.products li.product {

    list-style: none;
}

/* Responsive */
@media(max-width: 768px) {
    .woocommerce ul.products li.product {
        width: calc(50% - 20px);
    }
}

@media(max-width: 480px) {
    .woocommerce ul.products li.product {
        width: 100%;
    }
}

.woocommerce .woocommerce-result-count {
        width: 100%;
    padding-bottom: 15px;
}


/* Base anchor inside cate-item */
.canvas-sidebar .cate-item a {
    position: relative;
    padding-left: 26px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 12px;
}

/* Checkbox box */
.canvas-sidebar .cate-item a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border: 1px solid var(--rgba-dark-3);
    border-radius: 3px;
    background: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.15s ease;
    background-color: #ddd;
}

/* Checkmark */
.canvas-sidebar .cate-item a::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) scale(0);
    transition: transform 0.15s ease;
}

/* When parent cate-item is active, show checkbox as checked */
.canvas-sidebar .cate-item.active a::before {
    border-color: var(--primary);
    background-color: var(--primary);
}

.canvas-sidebar .cate-item.active a::after {
    transform: rotate(-45deg) scale(1);
}
.woocommerce .woocommerce-result-count {
    padding: 0;
    margin:0;;
}