/*  
    Plugin Name: Category Accordion for WooCommerce
    Description: WooCommerce Category Accordions plugin allows you to list WooCommerce product categories and subcategories into an accordion with expand/collapse option.
    V@ 1.0.0
*/

ul.tp-woo-category-accordion {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.tp-woo-category-accordion li {
    list-style: none;
    border-bottom: 1px solid #ddd;
    padding: 5px 0px 5px 0px;
}
ul.tp-woo-category-accordion li ul.sub-categories {
    margin: 0;
    padding-left: 15px;
}
ul.tp-woo-category-accordion li ul.sub-categories li:last-child {
    border-bottom: none;
}
ul.tp-woo-category-accordion li:last-child {
    border-bottom: 0;
}
ul.tp-woo-category-accordion li a {
	color: #030303;
	font-size: 16px;
    transition: all 0.3s;
    box-shadow: none;
    outline: none;
	width: 100%;
	display: block;
	overflow: hidden;
    position: relative;
    padding-right: 25px;
}
ul.tp-woo-category-accordion li a:hover {
	color: #0000FF;
}
/* Current category highlight - higher specificity */
ul.tp-woo-category-accordion li.current-category > a.parent-category,
ul.tp-woo-category-accordion li.active.current-category > a.parent-category {
    color: #0000FF !important;
}
ul.tp-woo-category-accordion li ul.sub-categories li a {
	color: #030303;
}
ul.tp-woo-category-accordion li ul.sub-categories li a:hover {
	color: #0000FF;
}
ul.tp-woo-category-accordion li ul.sub-categories li.current-category > a.parent-category {
    color: #0000FF !important;
}
ul.tp-woo-category-accordion li ul.sub-categories li:last-child {
    padding-bottom: 0;
}

/* Arrow icons - elegant CSS chevron */
ul.tp-woo-category-accordion li a.has-children::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-60%) rotate(-45deg);
    transition: transform 0.25s ease;
}
ul.tp-woo-category-accordion li a.has-children.expanded::after {
    transform: translateY(-80%) rotate(45deg);
}