/**
 * Shop Filters Collapse Styles
 * 
 * Handles default collapsed state and smooth animations for filter sections.
 * 
 * @package RinnoTools
 */

/* Default collapsed state - all filters start closed */
body.woocommerce-shop .filter[data-collapse-item]:not(.filter--opened) [data-collapse-content],
body.post-type-archive-product .filter[data-collapse-item]:not(.filter--opened) [data-collapse-content],
body.tax-product_cat .filter[data-collapse-item]:not(.filter--opened) [data-collapse-content],
body.tax-product_tag .filter[data-collapse-item]:not(.filter--opened) [data-collapse-content],
body.tax-product_attribute .filter[data-collapse-item]:not(.filter--opened) [data-collapse-content] {
    height: 0;
    overflow: hidden;
}

/* Opened state */
body.woocommerce-shop .filter[data-collapse-item].filter--opened [data-collapse-content],
body.post-type-archive-product .filter[data-collapse-item].filter--opened [data-collapse-content],
body.tax-product_cat .filter[data-collapse-item].filter--opened [data-collapse-content],
body.tax-product_tag .filter[data-collapse-item].filter--opened [data-collapse-content],
body.tax-product_attribute .filter[data-collapse-item].filter--opened [data-collapse-content] {
    height: auto;
    overflow: visible;
}

/* Smooth transition for height (JS handles the animation) */
body.woocommerce-shop .filter[data-collapse-item] [data-collapse-content],
body.post-type-archive-product .filter[data-collapse-item] [data-collapse-content],
body.tax-product_cat .filter[data-collapse-item] [data-collapse-content],
body.tax-product_tag .filter[data-collapse-item] [data-collapse-content],
body.tax-product_attribute .filter[data-collapse-item] [data-collapse-content] {
    transition: height 0.3s ease;
}

/* Arrow rotation animation */
body.woocommerce-shop .filter[data-collapse-item] .filter__arrow,
body.post-type-archive-product .filter[data-collapse-item] .filter__arrow,
body.tax-product_cat .filter[data-collapse-item] .filter__arrow,
body.tax-product_tag .filter[data-collapse-item] .filter__arrow,
body.tax-product_attribute .filter[data-collapse-item] .filter__arrow {
    transition: transform 0.2s ease;
    transform: rotate(0deg);
}

/* Arrow rotated when opened */
body.woocommerce-shop .filter[data-collapse-item].filter--opened .filter__arrow,
body.post-type-archive-product .filter[data-collapse-item].filter--opened .filter__arrow,
body.tax-product_cat .filter[data-collapse-item].filter--opened .filter__arrow,
body.tax-product_tag .filter[data-collapse-item].filter--opened .filter__arrow,
body.tax-product_attribute .filter[data-collapse-item].filter--opened .filter__arrow {
    transform: rotate(180deg);
}

/* Ensure button is clickable and accessible */
body.woocommerce-shop .filter[data-collapse-item] .filter__title[data-collapse-trigger],
body.post-type-archive-product .filter[data-collapse-item] .filter__title[data-collapse-trigger],
body.tax-product_cat .filter[data-collapse-item] .filter__title[data-collapse-trigger],
body.tax-product_tag .filter[data-collapse-item] .filter__title[data-collapse-trigger],
body.tax-product_attribute .filter[data-collapse-item] .filter__title[data-collapse-trigger] {
    cursor: pointer;
    user-select: none;
}

/* Focus styles for accessibility */
body.woocommerce-shop .filter[data-collapse-item] .filter__title[data-collapse-trigger]:focus,
body.post-type-archive-product .filter[data-collapse-item] .filter__title[data-collapse-trigger]:focus,
body.tax-product_cat .filter[data-collapse-item] .filter__title[data-collapse-trigger]:focus,
body.tax-product_tag .filter[data-collapse-item] .filter__title[data-collapse-trigger]:focus,
body.tax-product_attribute .filter[data-collapse-item] .filter__title[data-collapse-trigger]:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Mobile optimization - faster transitions */
@media (max-width: 767px) {
    body.woocommerce-shop .filter[data-collapse-item] [data-collapse-content],
    body.post-type-archive-product .filter[data-collapse-item] [data-collapse-content],
    body.tax-product_cat .filter[data-collapse-item] [data-collapse-content],
    body.tax-product_tag .filter[data-collapse-item] [data-collapse-content],
    body.tax-product_attribute .filter[data-collapse-item] [data-collapse-content] {
        transition: height 0.25s ease;
    }
}