/* Base styles for the custom product categories widget */
.widget_custom_product_categories_widget {
    font-family: 'Quicksand', sans-serif;
}

.widget_custom_product_categories_widget ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_custom_product_categories_widget a {
    color: black;
    text-decoration: none; /* Remove underline */
    font-weight: normal;
    display: block;
    padding: 8px 16px;
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effects */
}

.widget_custom_product_categories_widget a:hover {
    background-color: rgba(0, 0, 0, 0.05); /* Slight gray background on hover */
    color: rgba(0, 0, 0, 0.8); /* Slightly faded black text on hover */
}

/* Styling for the dropdown arrow and dropdown menu */
.widget_custom_product_categories_widget .dropdown-toggle::after {
    content: "\25be"; /* Arrow pointing down (Unicode character) */
    font-size: 0.8em;
    margin-left: 10px;
    transition: transform 0.3s; /* Smooth rotation transition */
}

.widget_custom_product_categories_widget .show .dropdown-toggle::after {
    transform: rotate(180deg); /* Rotate the arrow when expanded */
}

.widget_custom_product_categories_widget .dropdown-menu {
    margin-top: 0; /* Remove the default margin to align the dropdown menu properly */
    border-top: none; /* Remove the default top border */
}

.widget_custom_product_categories_widget ul li ul {
    margin-left: 10px;
}

.widget_custom_product_categories_widget a.active{
    font-weight: bold;
}