/*
Theme Name: Fana Child
Theme URI: https://el4.thembaydev.com/fana
Author: Thembay
Description: This is a child theme for Fana
Version: 1.0
Author URI: https://thembay.com/
Template: fana
Text Domain: fana-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
/* Fix Shop Sidebar Filter Overlap (Standard WooCommerce) */
.widget_product_categories li,
.widget_layered_nav li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.widget_product_categories li a,
.widget_layered_nav li a {
    flex-grow: 1;
    margin-right: 10px;
    /* Space between text and count */
}

.widget_product_categories li .count,
.widget_layered_nav li .count {
    margin-left: auto;
    /* Push count to the right */
    margin-right: 5px;
    /* Space between count and checkbox/arrow */
}

/* Ensure checkboxes (if custom) align correctly */
.widget_product_categories li input[type="checkbox"],
.widget_layered_nav li input[type="checkbox"] {
    margin-left: 10px;
}

/* Fix WOOF Product Filter Overlap - Robust Fix */
.woof_list li,
.woof_childs_list_li {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    padding: 5px 0;
    box-sizing: border-box !important;
}

/* 1. Label (Name) - Left */
.woof_list li .woof_checkbox_label,
.woof_childs_list_li .woof_checkbox_label {
    order: 1 !important;
    margin-right: 5px !important;
    white-space: normal !important;
    /* Allow wrapping if long */
    flex-grow: 1 !important;
    float: none !important;
    display: inline-block !important;
    width: auto !important;
}

/* 2. Count - Middle (pushed right) */
.woof_list li .woof_checkbox_count,
.woof_childs_list_li .woof_checkbox_count,
.woof_list li .woof_radio_count,
.woof_childs_list_li .woof_radio_count {
    order: 2 !important;
    margin-left: auto !important;
    /* Push against label */
    margin-right: 60px !important;
    /* Space before checkbox (User Requested) */
    white-space: nowrap !important;
    float: none !important;
    display: inline-block !important;
}

/* 3. Checkbox/Radio - Right */
.woof_list li input[type="checkbox"],
.woof_list li input[type="radio"],
.woof_childs_list_li input[type="checkbox"],
.woof_childs_list_li input[type="radio"],
.woof_list li .icheckbox_minimal-aero,
/* If using iCheck */
.woof_list li .iradio_minimal-aero {
    order: 3 !important;
    margin: 0 !important;
    float: none !important;
    min-width: 16px !important;
    /* Prevent squishing */
}

/* 4. Toggle Arrow (if exists) - Far Right */
.woof_childs_list_opener {
    order: 4 !important;
    margin-left: 10px !important;
    float: none !important;
}

/* Reset inner containers width */
.woof_container_inner {
    width: 100% !important;
}