/*
Theme Name: Vapier Child
Theme URI: http://www.wpbingosite.com/vapier
Author: wpbingo
Description: This is a child theme for Vapier
Version: 1.0
Author URI: http://wpbingosite.com
Template: vapier
Text Domain: vapier-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.product-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-categories .cat-item {
    position: relative;
    padding-left: 20px;
    margin: 5px 0;
}

.product-categories .cat-item a {
    text-decoration: none;
    color: #333;
}

.product-categories .cat-item a span {
    color: #999;
    font-size: 0.9em;
}

.product-categories .cat-item.cat-parent > .arrow {
    position: absolute;
    left: 0;
    top: 10px;
    cursor: pointer;
    font-size: 1.2em;
    color: #333;
}

.product-categories .children {
    display: none; /* Ensure children are hidden by default */
    list-style: none;
    padding: 0;
    margin: 0 0 0 20px;
    border-left: 1px solid #ddd;
}

.product-categories .children .cat-item {
    padding-left: 0;
    margin: 5px 0;
}

.product-categories .cat-item.active > a,
.product-categories .cat-item .active > a {
    color: red; /* Highlight the active category in red */
}

.product-categories .cat-item.active > .children {
    display: block; /* Ensure child categories of active parent are displayed */
}
.product-categories .cat-item.active > a {
    color: red !important;
}