.elementor-31 .elementor-element.elementor-element-6e19838{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-31 .elementor-element.elementor-element-ea78f2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31 .elementor-element.elementor-element-5d2804a > .elementor-widget-container{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:15px 15px 15px 15px;}.elementor-31 .elementor-element.elementor-element-0a1702e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-31 .elementor-element.elementor-element-965001c{--grid-columns:4;}body.elementor-page-31:not(.elementor-motion-effects-element-type-background), body.elementor-page-31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-6e19838{--content-width:80%;}.elementor-31 .elementor-element.elementor-element-ea78f2e{--width:25%;}.elementor-31 .elementor-element.elementor-element-0a1702e{--width:75%;}}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-965001c{--grid-columns:2;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-965001c{--grid-columns:1;}}/* Start custom CSS for wp-widget-woocommerce_product_categories, class: .elementor-element-5d2804a *//* Title එක ලස්සනට සුදු කරලා ඉඩ තැබීම */
.elementor-31 .elementor-element.elementor-element-5d2804a h5, .elementor-31 .elementor-element.elementor-element-5d2804a .widget-title {
    color: #00A6FF !important;
    font-size: 24px !important;
    font-family: Urbanist;
    margin-bottom: 12px !important;
    font-weight: 600;
}
/* 1. මුළු Widget එකේම Font එක Urbanist වලට මාරු කිරීම */
.elementor-31 .elementor-element.elementor-element-5d2804a {
    font-family: 'Urbanist', sans-serif !important;
}

/* 2. Product categories Title එක (White) */
.elementor-31 .elementor-element.elementor-element-5d2804a h2.widgettitle, 
.elementor-31 .elementor-element.elementor-element-5d2804a .widget-title,
.elementor-31 .elementor-element.elementor-element-5d2804a .elementor-heading-title {
    color: #00A6FF !important;
    font-size: 18px !important;
    font-weight: 700 !important; /* Title එක තදින් පේන්න 700 දැම්මා */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid #00A6FF;
    padding-bottom: 8px !important;
}

/* 3. Main/Parent Categories (Normal: #00A6FF | Weight: 600) */
.elementor-31 .elementor-element.elementor-element-5d2804a ul.product-categories > li > a {
    color: #00A6FF !important; 
    font-size: 16px !important;
    font-weight: 600 !important; /* Parent category එක 600 weight */
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}

/* Main Categories Hover වෙද්දී White වෙන්න */
.elementor-31 .elementor-element.elementor-element-5d2804a ul.product-categories > li > a:hover {
    color: #ffffff !important; 
}

/* 4. Sub-Categories (Normal: #00A6FF | Weight: 300) */
.elementor-31 .elementor-element.elementor-element-5d2804a ul.product-categories ul.children li a {
    color: #00A6FF !important; 
    font-size: 15px !important;
    font-weight: 300 !important; /* Sub-category එක 300 weight */
    transition: all 0.2s ease-in-out !important;
}

/* Sub-Categories Hover වෙද්දී White වෙන්න */
.elementor-31 .elementor-element.elementor-element-5d2804a ul.product-categories ul.children li a:hover {
    color: #ffffff !important;
}

/* Sub-category එකක් පේද්දී පොඩ්ඩක් ඇතුළට ඇවිල්ලා view වෙන්න (Indentation) */
.elementor-31 .elementor-element.elementor-element-5d2804a ul.product-categories ul.children {
    padding-left: 20px !important; 
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* 5. Product Qty (Count) එක Soft Grey/White කිරීම */
.elementor-31 .elementor-element.elementor-element-5d2804a ul li .count {
    color: #a0aec0 !important; 
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-left: 6px !important;
    background: rgba(255, 255, 255, 0.1) !important; 
    padding: 2px 6px !important;
    border-radius: 12px !important;
}

/* 6. Bullet points (තිත්) අයින් කරලා පේළි සැකසීම */
.elementor-31 .elementor-element.elementor-element-5d2804a ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

.elementor-31 .elementor-element.elementor-element-5d2804a ul.product-categories > li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; 
}

.elementor-31 .elementor-element.elementor-element-5d2804a ul.product-categories ul.children li {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border: none !important; 
}/* End custom CSS */