.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3134 .elementor-element.elementor-element-9478930{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;text-align:center;}.elementor-3134 .elementor-element.elementor-element-9478930 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:36px;font-weight:700;color:var( --e-global-color-a779e8a );}.elementor-3134 .elementor-element.elementor-element-b4fe5c3 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d9a851b );border-radius:20px 20px 20px 20px;}.elementor-3134 .elementor-element.elementor-element-b4fe5c3{z-index:0;}.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-3134 .elementor-element.elementor-element-023f11b{--grid-columns:4;}.elementor-3134 .elementor-element.elementor-element-023f11b .elementor-pagination{text-align:center;font-family:"Urbanist", Sans-serif;font-weight:500;margin-top:22px;}.elementor-3134 .elementor-element.elementor-element-023f11b .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-d9a851b );}body:not(.rtl) .elementor-3134 .elementor-element.elementor-element-023f11b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3134 .elementor-element.elementor-element-023f11b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3134 .elementor-element.elementor-element-023f11b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3134 .elementor-element.elementor-element-023f11b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-3134:not(.elementor-motion-effects-element-type-background), body.elementor-page-3134 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-3134 .elementor-element.elementor-element-023f11b{--grid-columns:2;}}@media(max-width:767px){.elementor-3134 .elementor-element.elementor-element-b4fe5c3{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;}.elementor-3134 .elementor-element.elementor-element-b4fe5c3 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-3134 .elementor-element.elementor-element-023f11b{--grid-columns:1;}}/* Start custom CSS for wp-widget-woocommerce_product_categories, class: .elementor-element-b4fe5c3 */.elementor-3134 .elementor-element.elementor-element-b4fe5c3 h5, .elementor-3134 .elementor-element.elementor-element-b4fe5c3 .widget-title {
    color: #ffffff !important;
    font-size: 24px !important;
    font-family: Urbanist;
    margin-bottom: 12px !important;
    font-weight: 600;
}
.elementor-3134 .elementor-element.elementor-element-b4fe5c3 {
    font-family: 'Urbanist', sans-serif !important;
}

/* 2. Product categories Title එක (White) */
.elementor-3134 .elementor-element.elementor-element-b4fe5c3 h2.widgettitle, 
.elementor-3134 .elementor-element.elementor-element-b4fe5c3 .widget-title,
.elementor-3134 .elementor-element.elementor-element-b4fe5c3 .elementor-heading-title {
    color: #00A6FF !important;
    font-size: 18px !important;
    font-weight: 700 !important; 
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid #00A6FF;
    padding-bottom: 8px !important;
}

.elementor-3134 .elementor-element.elementor-element-b4fe5c3 ul.product-categories > li > a {
    color: #00A6FF !important; 
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}

.elementor-3134 .elementor-element.elementor-element-b4fe5c3 ul.product-categories > li > a:hover {
    color: #ffffff !important; 
}


.elementor-3134 .elementor-element.elementor-element-b4fe5c3 ul.product-categories ul.children li a {
    color: #00A6FF !important; 
    font-size: 15px !important;
    font-weight: 300 !important;
    transition: all 0.2s ease-in-out !important;
}

.elementor-3134 .elementor-element.elementor-element-b4fe5c3 ul.product-categories ul.children li a:hover {
    color: #ffffff !important;
}

.elementor-3134 .elementor-element.elementor-element-b4fe5c3 ul.product-categories ul.children {
    padding-left: 20px !important; 
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.elementor-3134 .elementor-element.elementor-element-b4fe5c3 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;
}
.elementor-3134 .elementor-element.elementor-element-b4fe5c3 ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

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

.elementor-3134 .elementor-element.elementor-element-b4fe5c3 ul.product-categories ul.children li {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border: none !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-023f11b *//* ==========================================================================
   1. PRODUCT CATEGORIES WIDGET STYLES (MEDISURG STYLE + URBANIST FONT)
   ========================================================================== */

/* මුළු Widget එකේම Font එක Urbanist කිරීම */
.elementor-widget-wp-widget-woocommerce_product_categories,
.elementor-widget-woocommerce-product-categories {
    font-family: 'Urbanist', sans-serif !important;
}

/* Categories Widget Title එක (White + Blue Line) */
.elementor-widget-wp-widget-woocommerce_product_categories h2.widgettitle, 
.elementor-widget-woocommerce-product-categories .widget-title,
.elementor-widget-woocommerce-product-categories .elementor-heading-title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid #00A6FF;
    padding-bottom: 8px !important;
}

/* Main/Parent Categories (Normal: #00A6FF | Weight: 600) */
.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li > a,
.elementor-widget-woocommerce-product-categories ul.product-categories > li > a {
    color: #00A6FF !important; 
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}

/* Main Categories Hover වෙද්දී White වීම */
.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li > a:hover,
.elementor-widget-woocommerce-product-categories ul.product-categories > li > a:hover {
    color: #ffffff !important; 
}

/* Sub-Categories (Normal: #00A6FF | Weight: 300) */
.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories ul.children li a,
.elementor-widget-woocommerce-product-categories ul.product-categories ul.children li a {
    color: #00A6FF !important; 
    font-size: 15px !important;
    font-weight: 300 !important;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}

/* Sub-Categories Hover වෙද්දී White වීම */
.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories ul.children li a:hover,
.elementor-widget-woocommerce-product-categories ul.product-categories ul.children li a:hover {
    color: #ffffff !important;
}

/* Sub-category list එකේ Alignment එක හරිගැස්සීම (Text වමට සහ Count දකුණට) */
.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories ul.children li,
.elementor-widget-woocommerce-product-categories ul.product-categories ul.children li {
    display: flex !important;
    justify-content: space-between !important; /* නම වමටත්, (0) count එක දකුණටත් තල්ලු කරයි */
    align-items: center !important;
    padding-left: 20px !important; /* Sub categories විතරක් ලස්සනට ඇතුළට ගැනීමට */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Sub-category container එකේ අමතර padding අයින් කිරීම */
.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories ul.children,
.elementor-widget-woocommerce-product-categories ul.product-categories ul.children {
    padding-left: 0 !important; 
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* Product Qty (Count) Badge එක */
.elementor-widget-wp-widget-woocommerce_product_categories ul li .count,
.elementor-widget-woocommerce-product-categories ul li .count {
    color: #a0aec0 !important; 
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-left: auto !important; /* Count එක දකුණටම තල්ලු කර තබා ගනී */
    background: rgba(255, 255, 255, 0.1) !important; 
    padding: 2px 6px !important;
    border-radius: 12px !important;
}

/* Bullet points අයින් කර පේළි වෙන් කිරීම */
.elementor-widget-wp-widget-woocommerce_product_categories ul,
.elementor-widget-woocommerce-product-categories ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li,
.elementor-widget-woocommerce-product-categories ul.product-categories > li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; 
}

.elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories ul.children li,
.elementor-widget-woocommerce-product-categories ul.product-categories ul.children li {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border: none !important; 
}


/* ==========================================================================
   2. LOOP GRID & PRODUCT CARD FIXES (AJAX FILTER SAFE)
   ========================================================================== */

/* Product Card එක වටේට Outline එක සහ කොන් රවුම් කිරීම (Image_89ea5b Style) */
.elementor-widget-loop-grid .e-loop-item {
    border: 1px solid rgba(255, 255, 255, 0.15) !important; /* සිහින් Outline එක */
    border-radius: 20px !important; /* කොන් 20px වටකුරු කිරීම */
    overflow: hidden !important; 
    background-color: #000000 !important; /* Card එක ඇතුල background එක Black කිරීම */
    padding: 20px !important; /* Outline එක ඇතුළෙන් Spacing තැබීම */
    transition: border-color 0.3s ease, transform 0.3s ease !important;
    
    /* Card එක ඇතුළේ දේවල් බලෙන්ම පල්ලෙහාට පල්ලෙහාට හැදීම (Horizontal වෙන එක වැලැක්වීම) */
    display: flex !important;
    flex-direction: column !important; 
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Card එක උඩට Mouse එක ගෙනිච්චම (Hover) Outline එක Blue වීම */
.elementor-widget-loop-grid .e-loop-item:hover {
    border-color: #00A6FF !important;
}

/* Card එක ඇතුළේ තියෙන හැම Flex container එකක්ම Column (Vertical) කිරීම */
.elementor-widget-loop-grid .e-loop-item .e-con,
.elementor-widget-loop-grid .e-loop-item .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* Image එක මැදට කර Size එක සකස් කිරීම */
.elementor-widget-loop-grid .e-loop-item img {
    width: 100% !important;
    height: auto !important;
    max-width: 180px !important; 
    margin-bottom: 15px !important;
    object-fit: contain !important;
}

/* Product Title Text එක පිළිවෙලට මැදට ගැනීම */
.elementor-widget-loop-grid .e-loop-item h2,
.elementor-widget-loop-grid .e-loop-item h3,
.elementor-widget-loop-grid .e-loop-item .elementor-heading-title {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}
/* ==========================================================================
   9. FORCE PAGINATION TO SHOW LIVE (කලින් ඒවා මුකුත් නැතුව මේක විතරක් දාන්න)
   ========================================================================== */
.elementor-widget-loop-grid .elementor-loop-container ~ div,
.elementor-widget-loop-grid .elementor-pagination,
.elementor-widget-loop-grid nav[class*="pagination"],
.woocommerce-pagination {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-content: center !important;
    margin-top: 50px !important;
    margin-bottom: 40px !important;
    width: 100% !important;
}

/* Pagination Numbers වල පෙනුම සුදු පාට කර ලස්සන කිරීම */
.elementor-pagination a, 
.elementor-pagination span,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    font-family: 'Urbanist', sans-serif !important;
    color: #ffffff !important;
    padding: 8px 14px !important;
    margin: 0 5px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    list-style-type: none !important;
}

/* Hover වෙද්දී සහ active පිටුවේ අංකය Medisurg Blue (#00A6FF) වීම */
.elementor-pagination span.current,
.elementor-pagination a:hover,
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover {
    background: #00A6FF !important;
    color: #ffffff !important;
    border-color: #00A6FF !important;
}/* End custom CSS */