.woo-category-accordion {
    
    background: white;
    padding: 10px 20px;
    box-shadow: rgba(197, 197, 197, 1) 4px 2px 10px 0px;
}
.woo-category-accordion ul {
    list-style: none;
    margin:0px
}
.category-item, .subcategory-item {
    border-bottom: 1px solid #ededed;
}

/* Hover effect for category and subcategory titles */
.category-title:hover, .subcategory-title:hover {
    background-color: #f0f0f0; /* Light gray background on hover */
    cursor: pointer;
}

/* Ensure the link color doesn't change unexpectedly on hover */
.category-title:hover a, .subcategory-title:hover a {
    color: #3da09c; /* Keep the hover color for links */
}


/* Style for category titles */
.category-title, .subcategory-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
    
}

/* Style for links */
.category-title a, .subcategory-title a, .category-item a {
    text-decoration: none;
    color: #3b3b3b;
    font-size: 20px;
    
}
.category-title a:hover, .subcategory-title a:hover {color:#3da09c}

/* Expand/collapse icon */
.toggle-icon {
    cursor: pointer;
    font-size: 15px;
    margin-left: 10px;
    color: #0073aa;
}

/* Subcategory accordion */
.subcategory-accordion {
    display: none;
    margin-left: 20px;
    background-color: #F6F5F8;
}

/* Active state for open categories */
.toggle-icon.active {
    color: #d54e21;
}

/* Style for the category that is currently open */
.current-open .category-title, .current-open > .subcategory-title {
    background-color: #3da09c;
}
.current-open > .category-title a, .current-open > .subcategory-title a {

    color: white;
}
.woo-category-accordion .parent > .category-title a {
    color: #3da09c;
}


/* Hide unnecessary elements during printing */
@media print {
    #g-aside, #g-top, #g-navigation, #g-footer, .wc-tabs, form.cart, .woocommerce-product-gallery__trigger, .woo-multi-currency {display:none !important}
    #g-container-main .g-container{width: 100% !important;}
    .woocommerce-Tabs-panel {display:block !important}
    section.related {display:none}
}
