.elementor-8811 .elementor-element.elementor-element-5a698ea{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-8811 .elementor-element.elementor-element-6d9bfe4{text-align:center;}.elementor-8811 .elementor-element.elementor-element-b285853{--divider-border-style:solid;--divider-color:var( --e-global-color-3bdef68 );--divider-border-width:2px;}.elementor-8811 .elementor-element.elementor-element-b285853 .elementor-divider-separator{width:49%;margin:0 auto;margin-center:0;}.elementor-8811 .elementor-element.elementor-element-b285853 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-8811 .elementor-element.elementor-element-39298b1{text-align:center;}:root{--page-title-display:none;}/* Start custom CSS for wp-widget-woocommerce_product_categories, class: .elementor-element-e2b1708 */.custom-category-widget {
    font-family: Arial, sans-serif;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 20px;
}

.widget-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e0e0e0;
}

/* 4-Column Grid Layout */
.category-columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.category-column {
    display: flex;
    flex-direction: column;
}

/* Parent Categories Styling */
.product-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cat-item {
    margin-bottom: 8px;
}

/* --- EDITED SECTION START --- */

/* Main Parent Categories */
.cat-item:not(.cat-item .cat-item) > a {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    font-weight: bold;
    font-size: 16px;
    background: none;
    color: white;
    transition: all 0.3s ease;
    position: relative;
    border-bottom: 2px dotted #0071dc;
}

.cat-item:not(.cat-item .cat-item) > a:hover {
    background: linear-gradient(135deg, #2665e4 0%, #2665e4 100%);
}

/* Child Categories */
.children .cat-item > a {
    display: block;
    padding: 10px 15px 10px 25px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    background: #ecf0f1b8;
    border-radius: 4px;
    transition: all 0.2s ease;
    border-left: 2px dotted #0071dc;
    margin-bottom: 5px;
}

/* Children List */
.children {
    list-style: none;
    margin: 8px 0 0 0;
    padding: 0px;
    display: block !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Parent Category Border */
.cat-item:not(.cat-item .cat-item) {
    border-bottom: none;
    padding-bottom: 10px;
}

/* --- EDITED SECTION END --- */

/* Grand Child Categories */
.children .children .cat-item > a {
    display: block;
    padding: 8px 15px 8px 35px;
    color: #7f8c8d;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    background: #f8f9fa;
    border-radius: 3px;
    transition: all 0.2s ease;
    border-left: 2px solid #bdc3c7;
    margin-bottom: 3px;
}

.children .children .cat-item > a:hover {
    background: #e9ecef;
    color: #2c3e50;
}

/* Responsive Layouts */
@media (max-width: 1200px) {
    .category-columns {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .category-columns {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .category-columns {
        grid-template-columns: 1fr;
    }
}

/* Scrollbar Styling */
.category-column {
    max-height: 600px;
    overflow-y: auto;
}

.category-column::-webkit-scrollbar {
    width: 4px;
}

.category-column::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.category-column::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 2px;
}

.category-column::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 2-Column Children Layout */
ul.children {
    column-count: 2;
    gap: 40px;
}
.cat-item:not(.cat-item .cat-item) > a:hover {
    background: none;
    color: black;
}
.cat-item:not(.cat-item .cat-item) > a {
       color: #000000!important;
}
.children .children .cat-item > a {
    color: black;
     background: #f8f9fa;
    border-radius: 0px;
    
    border-left: 2px dotted #0071dc;
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a698ea */.dcatl-terms-wrapper li .dcatl-term-item .dcatl-term-badge {
    color: var(--dcatl-counter-text-color) !important;
    background: #2665e4 !important;
}

.dcatl-term-title , h3 {
    border-bottom: solid 2px #2665e4 !important;
    width: 239px !important;
    padding-bottom: 17px !important;
}

.dcatl-terms-wrapper li .dcatl-term-item .dcatl-term-title-wrapper .dcatl-term-title:after {
    background: #2665e4 !important;
}

h3.dcatl-term-title {
    padding: 24px !important;
}

.dcatl-terms-wrapper.dcatl-style-1 li .dcatl-term-item .dcatl-term-badge {
    top: 0px !important;
    left: 113px !important;
}/* End custom CSS */
/* Start custom CSS *//* Remove category images */
/*ul.products li.product-category a img {*/
/*    display: none !important;*/
/*}*/


/*ul.products li.product {*/
/*    width: 100% !important;*/
/*}*/



/*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {*/
/*    float: left;*/
/*    margin: 0 4.8% 0.975em 0!important;*/
/*    padding: 0;*/
/*    position: relative;*/
/*    width: 20.05%;*/
/*    margin-left: 0;*/
/*    border: solid 1px*/
/*    #000000!important;*/
/*    border-radius: 0px 0px 0px 0px!important;*/
/*    padding-top: 10px!important;*/
/*    padding-bottom: 10px!important;*/
/*    padding-left: 15px!important;*/
/*    padding-right: 5px1;*/
/*}*/
/*.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {*/
/*    clear: both;*/
/*}*/



/* Sirf is section ke liye indent */
.wc-cat-tree .children ul.products { margin-left: 24px; }
/* Optional: sirf title + count rakhna ho to image hide kar do */
.wc-cat-tree li.product-category a img { display: none !important; }
/* Ek line me clean list look */
.wc-cat-tree ul.products.columns-1 { display: block; }
.wc-cat-tree ul.products.columns-1 li.product { width: auto; margin: 8px 0; }
.wc-cat-tree ul.products li.product-category mark.count { display: inline; color:#666; }/* End custom CSS */