@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tenix.shop/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.1.4") format("woff2");
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Outfit", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Rajdhani", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Lato", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:18px;
}
:root{
--wd-primary-color:rgb(0,240,255);
}
:root{
--wd-alternative-color:rgb(0,240,255);
}
:root{
--wd-link-color:rgb(15,15,15);
--wd-link-color-hover:rgb(0,0,0);
}
.page .main-page-wrapper{
	background-color:#000000;
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:#83b735;
}
:root{
--btn-accented-bgcolor-hover:#74a32f;
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-accented-bottom-active: -1px;
				--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
	
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
/* =========================================
   Cyberpunk Header Logo & Border - Responsive
========================================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

/* Header එක යටින් යන Neon Blue ඉර (Phone එකටත් වැටෙන්න හැදුවා) */
.whb-header,
.whb-mobile {
    border-bottom: 2px solid #00f0ff !important;
    box-shadow: 0px 2px 15px rgba(0, 240, 255, 0.4) !important;
}

/* Logo එක මැදට ගන්න */
.cyber-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

/* ප්‍රධාන Logo අකුරු විලාසය (Desktop) */
.cyber-header-logo {
    font-family: 'Montserrat', sans-serif !important; 
    font-size: 33px !important; 
    font-weight: 900 !important; 
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: -1.5px !important; 
    transition: all 0.4s ease;
    display: inline-flex;
}

/* GAMECORE කෑල්ල (සුදු පාටයි) */
.gamecore-text {
    color: #ffffff;
    transition: all 0.4s ease;
}

/* TECH කෑල්ල (Neon Green විතරයි, Shadow නෑ, Hover නෑ) */
.tech-text {
    color: #39ff14 !important; 
    text-shadow: none !important; 
}

/* --- Hover වෙන කොටස (GAMECORE එකට විතරයි) --- */
.cyber-header-logo:hover .gamecore-text {
    color: #ffffff !important; 
    text-shadow: 0 0 10px #00f0ff, 0 0 20px #00f0ff, 0 0 30px #00f0ff !important; /* Neon Blue Glow */
}

/* =========================================
   Responsive Design (Tablet & Mobile)
========================================= */

/* Tablet View (ටැබ්ලට් එකේදී පොඩ්ඩක් පොඩි වෙනවා) */
@media (max-width: 991px) {
    .cyber-header-logo {
        font-size: 26px !important;
        letter-spacing: -1px !important;
    }
    .cyber-logo-container {
        padding: 5px 0;
    }
}

/* Mobile View (ෆෝන් එකේදී ගාණටම පොඩි වෙනවා) */
@media (max-width: 767px) {
    .cyber-header-logo {
        font-size: 20px !important;
        letter-spacing: -0.5px !important;
    }
}


/* --- Force Global Black Background for Cyberpunk Theme --- */
body, 
html, 
.website-wrapper, 
.main-page-wrapper, 
.woodmart-archive-shop, 
.page-wrapper,
.wd-prefooter,
.footer-container,
.copyrights-wrapper,
.wd-footer,
.woodmart-footer-wrapper {
    background-color: #050505 !important;
    background: #050505 !important;
}

/* අර යටින් එන අළු පාට හිඩැස (Gap) එක සම්පූර්ණයෙන්ම අයින් කිරීම */
.footer-container, .wd-prefooter {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}







/* --- Force Neon Blue Line on Header for All Devices --- */
.whb-header,
.whb-clone,
.whb-main-header,
.whb-mobile {
    border-bottom: 2px solid #00f0ff !important;
}









/* =========================================
   Cyberpunk Header Icons Colors
========================================= */

/* සාමාන්‍ය වෙලාවට Neon Blue */
.whb-header .wd-tools-element .wd-tools-icon::before,
.whb-header .wd-tools-element .wd-tools-icon,
.whb-header .wd-tools-element > a,
.whb-header .wd-tools-element .wd-tools-text {
    color: #00f0ff !important; 
    transition: all 0.3s ease !important;
}

/* මවුස් එක ගෙනිච්චම (Hover) සුදු පාට වෙලා Glow වෙනවා */
.whb-header .wd-tools-element:hover .wd-tools-icon::before,
.whb-header .wd-tools-element:hover .wd-tools-icon,
.whb-header .wd-tools-element:hover > a,
.whb-header .wd-tools-element:hover .wd-tools-text {
    color: #ffffff !important; 
    text-shadow: 0 0 10px #00f0ff !important;
}




/* =========================================
   Cyberpunk Header Menu Colors
========================================= */

/* සාමාන්‍ය වෙලාවට මෙනු එකේ අකුරු සුදු පාටයි */
.whb-header .wd-nav > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* Hover කරද්දී සහ දැනට ඉන්න පිටුව (Active) Neon Blue පාට වෙලා Glow වෙනවා */
.whb-header .wd-nav > li:hover > a,
.whb-header .wd-nav > li.current-menu-item > a {
    color: #00f0ff !important;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.8) !important;
}


















/* =========================================
   Fix Header Logo & Cart Stretching to Edges
========================================= */
.whb-header .whb-container-fluid,
.whb-header .whb-container,
.whb-main-header .whb-flex-row {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}









/* =========================================
   Cyberpunk Single Product Page Styling (Updated)
========================================= */

/* --- 1. Constrain Product Page Width (සම්පූර්ණ පළල අඩුවී මැදට ඒම) --- */
.single-product .main-page-wrapper .container-fluid,
.single-product .main-page-wrapper .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* --- Product Title --- */
.single-product .product_title {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* --- 2. Product Price (ගාණ ලොකුවට පෙන්වීම) --- */
.single-product p.price,
.single-product span.price {
    color: #00f0ff !important; 
    font-size: 36px !important; /* ගාණ ලොකු කර ඇත */
    font-weight: 900 !important;
    margin-bottom: 25px;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.3) !important;
}
.single-product .price del,
.single-product .price del span { 
    color: #666666 !important; 
    font-size: 20px !important; 
}
.single-product .price ins { background: transparent !important; }

/* --- 3. Buttons: Add to Cart & Buy Now (එකම සයිස්, Hover නෑ, Neon Green) --- */
.single-product form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}
.single-product .single_add_to_cart_button,
.single-product .wd-buy-now-btn {
    background-color: #39ff14 !important; 
    color: #000000 !important;
    border: none !important;
    border-radius: 5px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    height: 50px !important; /* එකම උස */
    padding: 0 35px !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: none !important; /* Hover ඉවත් කර ඇත */
    cursor: pointer;
}
.single-product .single_add_to_cart_button:hover,
.single-product .wd-buy-now-btn:hover {
    background-color: #39ff14 !important; /* Hover කරත් පාට වෙනස් නොවේ */
    color: #000000 !important;
    transform: none !important;
}

/* --- Quantity Input --- */
.single-product .quantity input.qty {
    background-color: #111115 !important;
    color: #00f0ff !important;
    border: 1px solid rgba(0, 240, 255, 0.3) !important;
    height: 50px !important; /* බටන් උසටම සමාන කිරීම */
    font-weight: bold;
    border-radius: 5px !important;
}
.single-product .quantity input[type="button"] {
    background-color: #1a1a1f !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 240, 255, 0.3) !important;
    height: 50px !important;
}

/* --- 4. Product Image Gallery Box (කොටුවටම සෙට් වීම) --- */
.single-product .woocommerce-product-gallery__wrapper {
    border: 2px solid rgba(0, 240, 255, 0.2) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5) !important;
    overflow: hidden !important;
    width: 100% !important;
    display: block !important;
}
.single-product .woocommerce-product-gallery__image img {
    width: 100% !important; /* පින්තූරය 100% පිරවීම */
    height: auto !important;
    display: block !important;
    border-radius: 10px !important;
}

/* --- 5. Review Submit Button (යටම තියෙන බටන් එක කොළ පාට වීම) --- */
#review_form #submit,
.woocommerce-Reviews .submit {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 5px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 15px 40px !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    transition: none !important;
    cursor: pointer;
}
#review_form #submit:hover,
.woocommerce-Reviews .submit:hover {
    background-color: #39ff14 !important;
    color: #000000 !important;
}








/* =========================================
   Mobile View Fix for Add to Cart & Buy Now (Updated)
========================================= */
@media (max-width: 767px) {
    /* ෆෝන් එකේදී බටන් ටික පෙළගස්වන විදිහ */
    .single-product form.cart {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        gap: 15px 0 !important; 
    }
    
    /* Quantity (1,2 තෝරන) කොටුව උඩින්ම මැදට ගැනීම */
    .single-product .quantity {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 5px !important;
    }

    /* Quantity කොටුවේ [-] [1] [+] බටන් වල පළල වැඩි කිරීම (හිරවෙලා පේන එක නැති කරන්න) */
    .single-product .quantity input.qty,
    .single-product .quantity input[type="button"] {
        width: 45px !important; /* පළල වැඩි කර ඇත */
        margin: 0 3px !important; /* බටන් අතර පොඩි හිඩැසක් තබා ඇත */
    }
    
    /* Add to Cart සහ Buy Now බටන් දෙක හරියටම දෙකට බෙදීම සහ මැදින් Gap එක තැබීම */
    .single-product .single_add_to_cart_button,
    .single-product .wd-buy-now-btn {
        width: calc(50% - 5px) !important; /* හරියටම 50% අරන් මැදින් හිඩැසක් තියනවා */
        flex: none !important; /* Auto ලොකු වීම නැවැත්වීම (ගෑවෙන එක නවතී) */
        padding: 0 !important;
        font-size: 13px !important; 
        margin: 0 !important;
    }
}













/* =========================================
   Fix Related Products Price Size
========================================= */

/* Related Products වල අලුත් ගාණ සාමාන්‍ය සයිස් එකට ගැනීම */
.single-product .product-grid-item p.price,
.single-product .product-grid-item span.price,
.single-product .product-grid-item span.amount {
    font-size: 18px !important; /* සයිස් එක පොඩි කර ඇත */
    text-shadow: 0 0 5px rgba(0, 240, 255, 0.4) !important; /* ලාවට Glow එකක් දී ඇත */
    margin-bottom: 10px !important;
}

/* Related Products වල පරණ (කපපු) ගාණ තවත් පොඩි කිරීම */
.single-product .product-grid-item .price del,
.single-product .product-grid-item .price del span.amount {
    font-size: 14px !important;
}














/* =========================================
   Mobile View: Stack Prices Vertically (උඩ සහ යට පේළි දෙකකට හැරවීම)
========================================= */
@media (max-width: 767px) {
    /* ගණන් දෙක එක ළඟ වැටෙන එක නවත්වලා උඩයි යටයි විදිහට තැබීම */
    .product-grid-item .price {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1.2 !important;
    }
    
    /* කපපු ගාණ (Regular Price) උඩින්ම තියලා පොඩි හිඩැසක් තැබීම */
    .product-grid-item .price del {
        margin-bottom: 3px !important;
    }
}




















/* =========================================
   Ultimate Mobile Fix: 100% Equal Height Product Boxes
========================================= */
@media (max-width: 767px) {
    /* 1. Parent Grid එකේ තියෙන Items ඔක්කොම බලෙන්ම එකම උසකට ඇදීම */
    .products {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
    }
    
    /* 2. Product Box එක සම්පූර්ණයෙන්ම උසට ඇදීම */
    .product-grid-item {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important; 
    }
    .product-grid-item > .product-wrapper {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        flex-grow: 1 !important;
    }
    
    /* 3. පින්තූර ඔක්කොම හරියටම සමචතුරස්‍ර (Square - 1:1) කිරීම (පින්තූර නිසා උස වෙනස් වීම නැවැත්වීමට) */
    .product-grid-item .product-image-link img {
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
        width: 100% !important;
        height: auto !important;
    }

    /* 4. Category එක දිග වැඩිවෙලා පේළි දෙකක් වෙන එක නැවැත්වීම (ඉතුරු ටික ... වලින් පෙන්වීම) */
    .product-grid-item .wd-product-cats {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
    }

    /* 5. යට කොටස සම්පූර්ණ ඉඩ අරන් Price එක අනිවාර්යයෙන්ම යටටම තල්ලු කිරීම */
    .product-grid-item .product-element-bottom,
    .product-grid-item .wd-bottom-information {
        flex-grow: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
    }
}



















/* =========================================
   Add Dot (.) to Sri Lankan Rupee Symbol
========================================= */
.woocommerce-Price-currencySymbol::after {
    content: "."; /* "රු" අකුරට පස්සේ තිත එකතු කිරීම */
}






/* =========================================
   WooCommerce BLOCK Checkout - Cyberpunk
========================================= */

/* --- Input Fields (විස්තර පුරවන කොටු) Cyberpunk විදිහට හැදීම --- */
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-combobox-control input,
.wc-block-checkout textarea {
    background-color: #111115 !important;
    border: 1px solid rgba(0, 240, 255, 0.3) !important;
    color: #00f0ff !important;
    border-radius: 8px !important;
}

/* කොටුවක් උඩ Click කරාම දිලිසෙන විදිහ */
.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout .wc-block-components-combobox-control input:focus,
.wc-block-checkout textarea:focus {
    border-color: #00f0ff !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.3) !important;
    outline: none !important;
}

/* --- Labels (නම්) හැඩ ගැන්වීම --- */
.wc-block-checkout label {
    color: #a0a0a0 !important;
    font-weight: 600 !important;
}

/* --- Order Summary Box (දකුණු පැත්තේ කොටුව) --- */
.wc-block-checkout .wc-block-checkout__sidebar {
    background-color: #080808 !important;
    border: 2px solid rgba(0, 240, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5) !important;
}

/* --- Place Order Button (සල්ලි ගෙවන ප්‍රධාන බටන් එක) --- */
.wc-block-checkout .wc-block-components-checkout-place-order-button {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    padding: 20px !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    transition: all 0.3s ease !important;
}
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover {
    background-color: #000000 !important;
    color: #39ff14 !important;
    border: 2px solid #39ff14 !important;
    box-shadow: 0 0 25px rgba(57, 255, 20, 0.8) !important;
}

/* --- Hide Company Name (අනවශ්‍ය කොටු මැකීම) --- */
.wc-block-components-address-form__company {
    display: none !important;
}







/* =========================================
   Fix Cart & Checkout Pages (Width & Buttons)
========================================= */

/* --- පේජ් දෙපැත්තට ඇදෙන එක නතර කරලා මැදට ගැනීම --- */
.woocommerce-checkout .main-page-wrapper .container,
.woocommerce-checkout .main-page-wrapper .container-fluid,
.woocommerce-cart .main-page-wrapper .container,
.woocommerce-cart .main-page-wrapper .container-fluid,
.wc-block-checkout,
.wc-block-cart {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* --- Cart පේජ් එකේ "Proceed to Checkout" බටන් එක Neon Green කිරීම --- */
.woocommerce-cart .checkout-button,
.wc-block-cart .wc-block-cart__submit-button {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    padding: 20px !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    transition: all 0.3s ease !important;
}
.woocommerce-cart .checkout-button:hover,
.wc-block-cart .wc-block-cart__submit-button:hover {
    background-color: #000000 !important;
    color: #39ff14 !important;
    border: 2px solid #39ff14 !important;
    box-shadow: 0 0 25px rgba(57, 255, 20, 0.8) !important;
}

/* --- Cart පේජ් එකේ "Update Cart" සහ අනිත් පොඩි බටන් Neon Blue කිරීම --- */
.woocommerce-cart .button[name="update_cart"],
.woocommerce-cart .return-to-shop .button {
    background-color: transparent !important;
    color: #00f0ff !important;
    border: 1px solid #00f0ff !important;
    font-weight: 800 !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
}
.woocommerce-cart .button[name="update_cart"]:hover,
.woocommerce-cart .return-to-shop .button:hover {
    background-color: #00f0ff !important;
    color: #000000 !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.5) !important;
}












/* =========================================
   Mobile View: Fix Checkout Block Spacing & Summary
========================================= */
@media (max-width: 767px) {
    /* 1. Form එකයි Order Summary එකයි අතර ලස්සන පරතරයක් තැබීම */
    .wc-block-checkout {
        display: flex !important;
        flex-direction: column !important;
        gap: 40px !important;
    }

    /* 2. Order Summary කොටුව මොබයිල් එකට ගැලපෙන්න පොඩි කිරීම */
    .wc-block-checkout .wc-block-checkout__sidebar {
        padding: 15px !important; 
        border-radius: 8px !important;
        background-color: #050505 !important; /* කළු පාටටම දිය කිරීම */
    }

    /* 3. "එක ගොඩේ" තියෙනවා වගේ පේන එක නැති කරන්න, අයිටම් අතරින් ඉරි ගැසීම */
    .wc-block-components-totals-item,
    .wc-block-components-order-summary-item {
        border-bottom: 1px dashed rgba(0, 240, 255, 0.3) !important; /* Neon Blue තිත් ඉරක් */
        padding-bottom: 15px !important;
        margin-bottom: 15px !important;
    }

    /* 4. මොබයිල් එකේදී විස්තර පුරවන කොටු ටිකක් පොඩි කිරීම (දිග හැරෙන එක අඩු කරන්න) */
    .wc-block-checkout .wc-block-components-text-input input,
    .wc-block-checkout .wc-block-components-combobox-control input,
    .wc-block-checkout textarea {
        padding: 12px !important;
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }
}







/* =========================================
   Global Grid "Add to Cart" Buttons (Neon Green)
========================================= */
.product-grid-item .add_to_cart_button,
.product-grid-item .wd-add-btn a,
.woocommerce-cart .add_to_cart_button,
.cart-empty-page .add_to_cart_button {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: 2px solid transparent !important;
    border-radius: 5px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.4) !important;
    transition: all 0.3s ease !important;
}

/* Hover කරාම කළු වෙලා දිලිසෙන විදිහ */
.product-grid-item .add_to_cart_button:hover,
.product-grid-item .wd-add-btn a:hover,
.woocommerce-cart .add_to_cart_button:hover,
.cart-empty-page .add_to_cart_button:hover {
    background-color: #000000 !important;
    color: #39ff14 !important;
    border-color: #39ff14 !important; 
    box-shadow: 0 0 20px rgba(57, 255, 20, 0.8) !important;
}












/* =========================================
   Sidebar Cart, Empty Cart & Fix Hover Icon
========================================= */

/* --- 1. Side Cart: Checkout Button එක Neon Green කිරීම --- */
.cart-widget-side .button.checkout.wc-forward {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.4) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
}
.cart-widget-side .button.checkout.wc-forward:hover {
    background-color: #000000 !important;
    color: #39ff14 !important;
    border: 2px solid #39ff14 !important;
}

/* --- 2. Side Cart: View Cart Button එකට Neon Blue Border එක දැමීම --- */
.cart-widget-side .button.btn-cart.wc-forward {
    background-color: transparent !important;
    color: #00f0ff !important;
    border: 2px solid #00f0ff !important;
    box-shadow: none !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
}
.cart-widget-side .button.btn-cart.wc-forward:hover {
    background-color: #00f0ff !important;
    color: #000000 !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4) !important;
}

/* --- 3. Empty Cart: Return to Shop Button එක Neon Green කිරීම --- */
.return-to-shop .button {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.4) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
}
.return-to-shop .button:hover {
    background-color: #000000 !important;
    color: #39ff14 !important;
    border: 2px solid #39ff14 !important;
}

/* --- 4. Product Image උඩට එන Hover Icon එකේ කැත කොළ පාට අයින් කරලා පරණ විදිහට ගැනීම --- */
.product-grid-item .wd-buttons .add_to_cart_button {
    background-color: transparent !important; /* කොළ පාට අයින් කිරීම */
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important; /* ලාවට සුදු බෝඩර් එක */
    box-shadow: none !important; /* දිලිසෙන එක අයින් කිරීම */
    padding: 10px !important;
}
.product-grid-item .wd-buttons .add_to_cart_button:hover {
    background-color: #00f0ff !important; /* Mouse එක තිබ්බම Neon Blue පාට වීම */
    color: #000000 !important;
    border-color: #00f0ff !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.5) !important;
}














/* =========================================
   DISABLE ALL HOVERS, CLICKS & FIX SHAKING (FINAL)
========================================= */

/* 1. පින්තූර අස්සේ තියෙන Cart Icon එකේ Hover/Click වීම සහ සුදු කොටුව සම්පූර්ණයෙන්ම නැවැත්වීම */
.product-grid-item .wd-buttons .add_to_cart_button,
.product-grid-item .wd-buttons .add_to_cart_button:hover,
.product-grid-item .wd-buttons .add_to_cart_button:active,
.product-grid-item .wd-buttons .add_to_cart_button:focus {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important; 
    box-shadow: none !important;
    transform: none !important;
}

/* 2. Neon Green බටන්ස් වල Hover සහ Click (එබුවම හෙලවෙන) වෙනස්වීම් නැවැත්වීම */
.woocommerce-checkout #place_order:hover, .woocommerce-checkout #place_order:active, .woocommerce-checkout #place_order:focus,
.woocommerce-cart .checkout-button:hover, .woocommerce-cart .checkout-button:active, .woocommerce-cart .checkout-button:focus,
.wc-block-cart .wc-block-cart__submit-button:hover, .wc-block-cart .wc-block-cart__submit-button:active, .wc-block-cart .wc-block-cart__submit-button:focus,
.cart-widget-side .button.checkout.wc-forward:hover, .cart-widget-side .button.checkout.wc-forward:active, .cart-widget-side .button.checkout.wc-forward:focus,
.return-to-shop .button:hover, .return-to-shop .button:active, .return-to-shop .button:focus,
.product-grid-item .add_to_cart_button:hover, .product-grid-item .add_to_cart_button:active, .product-grid-item .add_to_cart_button:focus,
.product-grid-item .wd-add-btn a:hover, .product-grid-item .wd-add-btn a:active, .product-grid-item .wd-add-btn a:focus,
.cart-empty-page .add_to_cart_button:hover, .cart-empty-page .add_to_cart_button:active, .cart-empty-page .add_to_cart_button:focus,
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover, .wc-block-checkout .wc-block-components-checkout-place-order-button:active, .wc-block-checkout .wc-block-components-checkout-place-order-button:focus,
.wp-block-button__link.add_to_cart_button:hover, .wp-block-button__link.add_to_cart_button:active, .wp-block-button__link.add_to_cart_button:focus,
.cart-widget-side .wc-backward:hover, .cart-widget-side .wc-backward:active, .cart-widget-side .wc-backward:focus {
    background-color: #39ff14 !important; 
    color: #000000 !important;
    border: none !important; 
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    transform: none !important;
    top: 0 !important;
}

/* 3. View Cart බටන් එකේ Hover සහ Click වෙනස්වීම් නැවැත්වීම */
.cart-widget-side .button.btn-cart.wc-forward:hover,
.cart-widget-side .button.btn-cart.wc-forward:active,
.cart-widget-side .button.btn-cart.wc-forward:focus {
    background-color: transparent !important;
    color: #00f0ff !important;
    border: 2px solid #00f0ff !important;
    box-shadow: none !important;
    transform: none !important;
    top: 0 !important;
}

/* 4. Side Cart එකේ "Return to Shop" බටන් එක Neon Green කිරීම */
.cart-widget-side .wc-backward {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.4) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    margin-top: 15px !important;
    display: block !important;
    text-align: center !important;
    padding: 10px !important;
}








/* =========================================
   Shop Page Width & Cyberpunk Sale Badge
========================================= */

/* --- 1. Shop පේජ් එකේ පළල සීමා කරලා දෙපැත්තෙන් ඉඩ තැබීම --- */
.tax-product_cat .main-page-wrapper .container-fluid,
.post-type-archive-product .main-page-wrapper .container-fluid,
.woocommerce-shop .main-page-wrapper .container-fluid {
    max-width: 1300px !important; /* පළල 1300px ට සීමා කිරීම */
    margin: 0 auto !important; /* මැදට ගැනීම */
    padding-left: 20px !important; /* වම් පැත්තෙන් ඉඩ */
    padding-right: 20px !important; /* දකුණු පැත්තෙන් ඉඩ */
}

/* --- 2. Sale Badge (-10%) එක රවුම අයින් කරලා Cyberpunk විදිහට හැදීම --- */
.product-labels .onsale {
    background-color: #050505 !important; /* කළු පසුබිම */
    color: #00f0ff !important; /* Neon Blue අකුරු */
    border: 1px solid #00f0ff !important; /* Neon Blue බෝඩර් එක */
    border-radius: 0 !important; /* රවුම සම්පූර්ණයෙන්ම අයින් කිරීම (Sharp Edges) */
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    padding: 6px 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4) !important; /* නිල් පාටට දිලිසීම */
    transform: skewX(-15deg) !important; /* Cyberpunk විදිහට ටිකක් ඇල කිරීම (Slanted) */
    line-height: 1 !important;
    display: inline-block !important;
    letter-spacing: 1px !important;
}

/* ඇල කරපු නිසා අකුරුත් ඇලවෙන එක ලස්සනට පේන්න හදපු කෑල්ල */
.product-labels .onsale span {
    display: inline-block !important;
    transform: skewX(15deg) !important; /* අකුරු ආපහු කෙලින් කිරීම (වටේ කොටුව විතරක් ඇල වෙන්න) */
}










/* =========================================
   Mobile View: Cyberpunk Sale Badge Resize
========================================= */
@media (max-width: 767px) {
    .product-labels .onsale {
        padding: 4px 8px !important; /* කොටුව පොඩි කිරීම */
        font-size: 11px !important; /* අකුරු පොඩි කිරීම */
    }
}






/* =========================================
   Mobile View: Smaller Hover Icons
========================================= */
@media (max-width: 767px) {
    /* අයිකන් (Cart සහ Wishlist) වල රවුම සහ අකුරු පොඩි කිරීම */
    .product-grid-item .wd-buttons .add_to_cart_button,
    .product-grid-item .wd-buttons .wd-wishlist-btn a,
    .product-grid-item .wd-buttons .wd-compare-btn a {
        width: 32px !important;
        height: 32px !important;
        padding: 5px !important;
        min-height: unset !important;
    }
    
    /* ඇතුලේ තියෙන අයිකන් එකේ සයිස් එක (Icon Font Size) පොඩි කිරීම */
    .product-grid-item .wd-buttons .add_to_cart_button:before,
    .product-grid-item .wd-buttons .wd-wishlist-btn a:before,
    .product-grid-item .wd-buttons .wd-compare-btn a:before {
        font-size: 14px !important;
    }
}














/* =========================================
   Empty Cart Grid Fix & Block Sale Badge
========================================= */

/* --- 1. Empty Cart අයිටම් ග්‍රිඩ් එක දෙපැත්තට ඇදෙන එක නැවැත්වීම (Shop පේජ් එක ගාණටම මැදට ගැනීම) --- */
.woocommerce-cart .wc-block-grid,
.woocommerce-cart .wp-block-group,
.cart-empty-page .wc-block-grid {
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* --- 2. Cart පේජ් එකේ අයිටම් වල තියෙන "SALE" Badge එකටත් Cyberpunk ඩිසයින් එකම දැමීම --- */
.wc-block-components-product-sale-badge,
.wc-block-grid__product-onsale {
    background-color: #050505 !important;
    color: #00f0ff !important;
    border: 1px solid #00f0ff !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    padding: 6px 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4) !important;
    transform: skewX(-15deg) !important; /* Cyberpunk ඇල කිරීම */
    line-height: 1 !important;
    display: inline-block !important;
    letter-spacing: 1px !important;
    margin: 10px !important;
    top: 5px !important;
    left: 5px !important;
    right: auto !important; /* වම් පැත්තට ගැනීම */
}

/* ඇල කරපු එකේ අකුරු කෙලින් කරන්න */
.wc-block-components-product-sale-badge span,
.wc-block-grid__product-onsale span {
    display: inline-block !important;
    transform: skewX(15deg) !important;
}

/* --- Mobile View එකේදී Block Sale Badge එකත් පොඩි කිරීම --- */
@media (max-width: 767px) {
    .wc-block-components-product-sale-badge,
    .wc-block-grid__product-onsale {
        padding: 4px 8px !important;
        font-size: 11px !important;
    }
}















/* =========================================
   PayHere Thank You Page: Return to Shop Button
========================================= */

/* PayHere එකෙන් දෙන "Return to shop" බටන් එක Neon Green කිරීම */
body.woocommerce-order-received .ph-btn.gray {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.4) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    padding: 15px 30px !important;
    margin-top: 20px !important;
    display: inline-block !important;
}

/* Hover සහ Click වෙනස්වීම් (හෙලවෙන එක) සම්පූර්ණයෙන්ම නැවැත්වීම */
body.woocommerce-order-received .ph-btn.gray:hover,
body.woocommerce-order-received .ph-btn.gray:active,
body.woocommerce-order-received .ph-btn.gray:focus {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    transform: none !important;
    top: 0 !important;
}












/* =========================================
   Mobile Checkout Form Fix (Push Text Down)
========================================= */
@media (max-width: 767px) {
    /* Checkout ෆෝම් එකේ කොටු වල Type කරන අකුරු ටික පල්ලෙහාට ගැනීම */
    .wc-block-components-text-input input,
    .wc-block-components-address-input input,
    .wc-block-checkout input[type="text"],
    .wc-block-checkout input[type="email"],
    .wc-block-checkout input[type="tel"],
    .wc-block-components-combobox input {
        padding-top: 26px !important; /* උඩින් ඉඩ තියලා අකුරු පහළට තල්ලු කිරීම */
        padding-bottom: 8px !important;
        min-height: 55px !important; /* අකුරු දෙකටම ඉඩ තියෙන්න කොටුව ටිකක් උස කිරීම */
    }

    /* ලේබල් එක (උදා: First Name) උඩටම කරලා තැබීම */
    .wc-block-components-text-input label {
        top: 6px !important;
        font-size: 11px !important;
    }
}







/* =========================================
   Checkout: Shipping & Payment Options Border
========================================= */

/* සාමාන්‍ය Options වල බෝඩර් එක (අඳුරු නිල් පැහැයක්) */
.wc-block-components-radio-control__option {
    border-color: rgba(0, 240, 255, 0.2) !important; 
}

/* තෝරාගෙන තියෙන (Selected) Option එකේ බෝඩර් එක නියම Neon Blue කිරීම */
.wc-block-components-radio-control__option:focus-within,
.wc-block-components-radio-control__option:has(input:checked) {
    border-color: #00f0ff !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.3) !important;
}

/* ඇතුළේ තියෙන රවුම් අයිකන් එකේ (Radio Button) පාට (තිබුණොත්) වෙනස් කිරීම */
.wc-block-components-radio-control__input[type="radio"]:checked {
    background-color: #00f0ff !important;
    border-color: #00f0ff !important;
}


/* =========================================
   Mobile Checkout: Hide Duplicate Order Summary
========================================= */
@media (max-width: 767px) {
    /* පල්ලෙහායින් පෙන්වන අමතර Order Summary කොටස අයින් කිරීම */
    .wc-block-checkout__sidebar {
        display: none !important;
    }
}








/* =========================================
   Cyberpunk Login & Register Form
========================================= */

/* ෆෝම් එකේ පසුබිම සහ වටේට තියෙන දිලිසෙන රාමුව (Cyberpunk Box) */
.woocommerce-form-login, 
.woocommerce-form-register,
.login-form-side,
.wd-popup.wd-login-popup {
    background-color: #050505 !important;
    padding: 40px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 240, 255, 0.3) !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.1) !important;
}

/* ෆෝම් එකේ මාතෘකා (Login / Register) නිල් පාට කිරීම */
.woocommerce-form-login h2, 
.woocommerce-form-register h2,
.login-form-side .title {
    color: #00f0ff !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.4) !important;
    margin-bottom: 25px !important;
}

/* ෆෝම් එකේ ලේබල් (Username / Password) අළු පාට කිරීම */
.woocommerce-form-login label, 
.woocommerce-form-register label,
.login-form-side label {
    color: #cccccc !important;
}

/* Input Fields (අකුරු ගහන කොටු) නියෝන් බ්ලූ කිරීම */
.woocommerce-form-login .input-text, 
.woocommerce-form-register .input-text,
.login-form-side .input-text {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 240, 255, 0.5) !important;
    border-radius: 3px !important;
    padding: 15px !important;
}

/* කොටුවක් උඩ Click කරාම (Focus) තද නිල් පාට වීම */
.woocommerce-form-login .input-text:focus, 
.woocommerce-form-register .input-text:focus,
.login-form-side .input-text:focus {
    border-color: #00f0ff !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.3) !important;
}

/* Login / Register බටන්ස් නියෝන් ග්‍රීන් කිරීම */
.woocommerce-form-login .woocommerce-button,
.woocommerce-form-register .woocommerce-button,
.login-form-side .button {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 5px !important;
    width: 100% !important; /* බටන් එක දිගටම දාන්න */
    margin-top: 15px !important;
}

/* බටන් එකේ Hover සහ Click වෙනස්වීම් (හෙලවෙන එක) නැවැත්වීම */
.woocommerce-form-login .woocommerce-button:hover,
.woocommerce-form-login .woocommerce-button:active,
.woocommerce-form-login .woocommerce-button:focus,
.woocommerce-form-register .woocommerce-button:hover,
.woocommerce-form-register .woocommerce-button:active,
.woocommerce-form-register .woocommerce-button:focus,
.login-form-side .button:hover,
.login-form-side .button:active,
.login-form-side .button:focus {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    transform: none !important;
    top: 0 !important;
}

/* ලින්ක්ස් (Lost your password?) නිල් පාට කිරීම */
.woocommerce-LostPassword a,
.login-form-side .lostpass-link {
    color: #00f0ff !important;
}
.woocommerce-LostPassword a:hover,
.login-form-side .lostpass-link:hover {
    color: #39ff14 !important; /* Hover කරාම කොළ පාට වීම */
}






/* =========================================
   Cyberpunk Register Info Block (Woodmart)
========================================= */

/* දකුණු පැත්තේ තියෙන Register විස්තර කොටුව (Info Box) */
.registration-info {
    background-color: #050505 !important;
    padding: 40px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 240, 255, 0.3) !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.1) !important;
    margin-bottom: 20px !important;
}

/* ඒකේ තියෙන මාතෘකාව (REGISTER) */
.registration-info h2 {
    color: #00f0ff !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.4) !important;
}

/* Register වෙන්න යන "REGISTER" බටන් එක නියෝන් ග්‍රීන් කිරීම */
.registration-info .wd-switch-to-register {
    background-color: #39ff14 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 15px 30px !important;
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 20px !important;
    border-radius: 5px !important;
}

/* බටන් එකේ Hover සහ Click වෙනස්වීම් නැවැත්වීම */
.registration-info .wd-switch-to-register:hover,
.registration-info .wd-switch-to-register:active,
.registration-info .wd-switch-to-register:focus {
    background-color: #39ff14 !important;
    color: #000000 !important;
    transform: none !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.4) !important;
}





/* =========================================
   Cyberpunk Full-Screen Search 
========================================= */

/* සර්ච් පේජ් එකේ බැක්ග්‍රවුන්ඩ් එක (තද කළු) */
.wd-search-full-screen {
    background-color: rgba(5, 5, 5, 0.95) !important;
    backdrop-filter: blur(5px) !important;
}

/* සර්ච් ඉන්පුට් කොටුව (Neon Cyan බෝඩර්) */
.wd-search-full-screen form.searchform {
    border-bottom: 2px solid #00f0ff !important;
    box-shadow: 0 5px 15px rgba(0, 240, 255, 0.1) !important;
}
.wd-search-full-screen input[type="text"] {
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* සර්ච් කරන අයිකන් එක සහ Close (X) බටන් එක (Neon Green) */
.wd-search-full-screen .searchsubmit,
.wd-search-full-screen .wd-search-close {
    color: #39ff14 !important;
    transition: all 0.3s ease !important;
}
.wd-search-full-screen .searchsubmit:hover,
.wd-search-full-screen .wd-search-close:hover {
    color: #00f0ff !important;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.5) !important;
}

/* AJAX Search Results (පහළින් එන අයිටම් ලිස්ට් එක) */
.autocomplete-suggestions {
    background-color: #0a0a0a !important;
    border: 1px solid #00f0ff !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.2) !important;
}
.autocomplete-suggestion {
    color: #cccccc !important;
    border-bottom: 1px solid #222222 !important;
}
.autocomplete-suggestion:hover {
    background-color: #111111 !important;
    color: #39ff14 !important;
}
/* සර්ච් රිසල්ට් වල ගණන් (Price) නිල් පාට කිරීම */
.autocomplete-suggestion .suggestion-price .amount {
    color: #00f0ff !important;
    font-weight: 800 !important;
}











/* =========================================
   Cyberpunk Header Cart Badge Fix (කාර්ට් එකේ අංකය පේන්න හැදීම)
========================================= */
.wd-header-cart .wd-cart-number,
.woodmart-shopping-cart .woodmart-cart-number,
.wd-tools-element .wd-cart-number {
    background-color: #050505 !important; /* රවුමේ Background එක තද කළු කළා */
    color: #39ff14 !important; /* අංකය Neon Green කළා */
    font-weight: 900 !important; /* අංකය තද කළා (Bold) */
    border: 1px solid #00f0ff !important; /* වටේට ලස්සනට Neon Blue බෝඩර් එකක් දැම්මා */
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.4) !important; /* පොඩි Glow එකක් දැම්මා */
}








/* =========================================
   Center ShopBuilder Categories (SAFE METHOD)
========================================= */
.rtsb-categories-container {
    --rtsb-default-columns: 5 !important;
}









/* =========================================
   Shop & Category Pages Width Fix (ශොප් සහ කැටගරි පේජ් පළල සීමා කිරීම)
========================================= */
.post-type-archive-product .main-page-wrapper .container-fluid,
.post-type-archive-product .main-page-wrapper .container,
.tax-product_cat .main-page-wrapper .container-fluid,
.tax-product_cat .main-page-wrapper .container,
.tax-product_tag .main-page-wrapper .container-fluid,
.tax-product_tag .main-page-wrapper .container,
.woocommerce-search .main-page-wrapper .container-fluid,
.woocommerce-search .main-page-wrapper .container {
    max-width: 1200px !important; /* පළල 1200px වලට සීමා කළා */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}








/* =========================================
   Mobile Shop & Category Width Fix (ෆෝන් එකේ පළල හැදීම)
========================================= */
@media (max-width: 767px) {
    .post-type-archive-product .main-page-wrapper .container-fluid,
    .post-type-archive-product .main-page-wrapper .container,
    .tax-product_cat .main-page-wrapper .container-fluid,
    .tax-product_cat .main-page-wrapper .container,
    .tax-product_tag .main-page-wrapper .container-fluid,
    .tax-product_tag .main-page-wrapper .container,
    .woocommerce-search .main-page-wrapper .container-fluid,
    .woocommerce-search .main-page-wrapper .container {
        width: 92% !important; /* ෆෝන් එකේ ස්ක්‍රීන් එකෙන් 92% ක් විතරයි පාවිච්චි කරන්නේ */
        margin-left: auto !important; /* වම් පැත්තෙන් ඉඩක් තියනවා */
        margin-right: auto !important; /* දකුණු පැත්තෙන් ඉඩක් තියනවා */
    }
}



/* =========================================
   Cyberpunk Order Tracking Form
========================================= */
.woocommerce-form-track-order {
    background: linear-gradient(145deg, #050505 0%, #111115 100%) !important;
    border: 2px solid #00f0ff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    max-width: 600px !important;
    margin: 40px auto !important;
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.15) !important;
}

.woocommerce-form-track-order p {
    color: #a0a0a0 !important;
    font-family: 'Inter', sans-serif !important;
}

/* Labels (Order ID, Email) */
.woocommerce-form-track-order label {
    color: #00f0ff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Input Boxes */
.woocommerce-form-track-order input[type="text"],
.woocommerce-form-track-order input[type="email"] {
    background-color: #0a0a0c !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    padding: 15px !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
}

/* Glow Effect when typing */
.woocommerce-form-track-order input[type="text"]:focus,
.woocommerce-form-track-order input[type="email"]:focus {
    border-color: #39ff14 !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.2) !important;
    outline: none !important;
}

/* Track Button */
.woocommerce-form-track-order .button {
    background-color: #39ff14 !important;
    color: #000000 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 15px 30px !important;
    border-radius: 5px !important;
    border: none !important;
    width: 100% !important;
    box-shadow: 0 0 15px rgba(57, 255, 20, 0.3) !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.woocommerce-form-track-order .button:hover {
    background-color: #ffffff !important;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.6) !important;
    transform: translateY(-2px) !important;
}














/* --- Register Button Cyberpunk Styling (Hover අයින් කර ඇත) --- */
a.btn.wd-switch-to-register {
    background-color: transparent !important;
    color: #00ffcc !important; 
    border: 2px solid #00ffcc !important;
    box-shadow: 0 0 10px rgba(0, 255, 204, 0.2), inset 0 0 10px rgba(0, 255, 204, 0.1) !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    padding: 12px 30px !important;
}

/* --- Google Button Cyberpunk Styling & Centering (Hover අයින් කර ඇත) --- */
div.nsl-container-block {
    display: flex !important;
    justify-content: center !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

.nsl-container .nsl-button-google {
    background-color: #0a0a0a !important;
    border: 1px solid #31f700 !important;
    box-shadow: 0 0 10px rgba(49, 247, 0, 0.3) !important;
    border-radius: 4px !important;
    width: 100% !important;
    max-width: 100% !important; 
    display: flex !important;
    justify-content: center !important;
}

.nsl-container .nsl-button-google .nsl-button-label-container {
    color: #ffffff !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* --- Change Register Submit Button to Neon Green --- */
.woocommerce-form-register button[name="register"] {
    background-color: #31f700 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: bold !important;
}









/* Center Google Login Button IN the Login Box */
div.nsl-container-block {
    display: flex !important;
    justify-content: center !important;
    margin-top: 25px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

.nsl-container .nsl-button-google {
    width: 100% !important;
    max-width: 100% !important; 
    display: flex !important;
    justify-content: center !important;
}















/* Change Register Submit Button to Neon Green */
.woocommerce-form-register button[name="register"] {
    background-color: #31f700 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: bold !important;
}





/* My Account Dashboard Buttons - Neon Green (No Hover) */
.woocommerce-MyAccount-content .btn,
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-MyAccount-content input[type="button"] {
    background-color: #31f700 !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

.woocommerce-MyAccount-content .btn:hover,
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce-MyAccount-content input[type="button"]:hover {
    background-color: #31f700 !important;
    color: #000000 !important;
    box-shadow: none !important;
    transform: none !important; /* මවුස් එක ගෙනිච්චම වෙනස් වෙන එක නවත්තයි */
}






/* --- Header My Account Dropdown Cyberpunk Styling --- */
.wd-header-my-account .wd-dropdown {
    background-color: #0a0a0a !important; /* කළු පසුබිම */
    border: 1px solid #00ffcc !important; /* Cyan බෝඩරය */
    box-shadow: 0 0 10px rgba(0, 255, 204, 0.2) !important; /* පොඩි Glow එකක් */
    border-radius: 6px !important;
}

/* වචන වල පාට */
.wd-header-my-account .wd-dropdown .wd-sub-menu > li > a {
    color: #cccccc !important;
    transition: all 0.3s ease !important;
}

/* මවුස් එක ගෙනිච්චම වෙනස් වෙන විදිහ */
.wd-header-my-account .wd-dropdown .wd-sub-menu > li > a:hover {
    color: #31f700 !important; /* කොළ පාට අකුරු */
    background-color: rgba(49, 247, 0, 0.08) !important; /* ළා කොළ පසුබිමක් */
    padding-left: 22px !important; /* ඉස්සරහට තල්ලු වෙන ලස්සන Animation එක */
}















/* --- Scroll to Top Button (Neon Blue Arrow & No Hover) --- */
a.scrollToTop, 
a.wd-back-btn {
    color: #31f700 !important; /* Neon Blue ඊතලය */
    background-color: #0a0a0a !important; /* කළු පසුබිම */
}

/* ඇතුළේ තියෙන අයිකන් එකට */
a.scrollToTop:after, 
a.wd-back-btn:after {
    color: #31f700 !important;
}

/* Hover වෙන එක නැවැත්වීම */
a.scrollToTop:hover, 
a.wd-back-btn:hover {
    color: #31f700 !important;
    background-color: #0a0a0a !important;
    transform: none !important; /* මවුස් එක ගෙනිච්චම උඩ පනින එක නවත්තයි */
    box-shadow: none !important;
}