/*
 Theme Name: Astra Child (Mobile Sidebar)
 Description: Midooc – Sidebar styles for mobile (≤767px)
 Author: Midooc Group Genius Team
 Template: astra
 Version: 25.0.0.02 (Dec 2025)
*/

/* Mobile only */
@media (max-width: 767px) {

    /* Product list uses theme default grid */

    /* Product categories section at bottom */
    .wc-block-product-categories-list {
        list-style: none;
        padding: 0;
        margin: 40px 0 0;
    }

    .wc-block-product-categories-list > li {
        margin-bottom: 10px;
        border-radius: 12px;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #e2e2e2;
    }

    .wc-block-product-categories-list > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        font-size: 15px;
        font-weight: 600;
        color: #222222;
        text-decoration: none;
    }

    .wc-block-product-categories-list > li > a:hover {
        background: #f6f8ff;
        color: #1a73e8;
    }

    /* Arrow span injected by JS */
    .wc-block-product-categories-list > li.has-children > a .m-arrow {
        margin-left: 10px;
        font-size: 18px;
        line-height: 1;
        transition: transform .2s ease;
    }

    .wc-block-product-categories-list > li.has-children.m-open > a .m-arrow {
        transform: rotate(90deg);
    }

    /* Inner children list (accordion) */
    .wc-block-product-categories-list > li > ul {
        list-style: none;
        margin: 0;
        padding: 0 0 8px;
        display: none;
        border-top: 1px solid #ececec;
        background: #fafafa;
    }

    .wc-block-product-categories-list > li > ul > li > a {
        display: block;
        padding: 6px 18px;
        font-size: 14px;
        color: #444444;
        text-decoration: none;
    }

    .wc-block-product-categories-list > li > ul > li > a:hover {
        background: #eef4ff;
        color: #1a73e8;
    }

    /* Active family highlight */
    .wc-block-product-categories-list .current-cat > a,
    .wc-block-product-categories-list .current-cat-parent > a,
    .wc-block-product-categories-list .current-cat-ancestor > a {
        background: #e8f0fe;
        color: #1a73e8;
    }
}