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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//buyac.lk/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//buyac.lk/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//buyac.lk/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//buyac.lk/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//buyac.lk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//buyac.lk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//buyac.lk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//buyac.lk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Inter Tight", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Inter Tight", 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%);
	--wd-alternative-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter Tight", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter Tight", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(21,13,107);
	--wd-alternative-color: rgb(255,144,53);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(28,46,255);
	--btn-accented-bgcolor-hover: rgb(21,13,107);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgb(58,61,255);
	color: rgb(255,235,25);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--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: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* Scroll to top button එක උඩට ගැනීමට */
.scrollToTop.button-show, .wd-scroll-top {
    bottom: 110px !important; /* කැමති උසක් මෙතනින් දෙන්න */
    display: flex !important; /* පේන්නේ නැතිනම් බලෙන් පෙන්වීමට */
}

/**
 * Mobile Optimized CSS for AC Cards
 * Fixes: Touch issues + Performance lag
 * Add this AFTER your main AC cards styles
 */

/* ========================================
   MOBILE PERFORMANCE FIXES
   ======================================== */

/* Disable expensive effects on mobile */
@media (max-width: 767px) {
    
    /* Simplify transforms for better performance */
    .ac-product-image {
        will-change: transform;
        transform: translateZ(0); /* Force GPU acceleration */
        -webkit-transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    
    /* Static circles on mobile - prevent touch issues */
    .circle-base {
        will-change: auto !important;
        pointer-events: none !important; /* CRITICAL: Prevents touch on circles */
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }
    
    /* Disable card 3D effects on mobile */
    .ac-card {
        perspective: none !important;
        transform-style: flat !important;
        will-change: auto;
    }
    
    .ac-card:hover {
        transform: translateY(-5px) !important; /* Simpler hover */
    }
    
    /* Reduce blur for performance */
    .ac-box-bottom {
        backdrop-filter: blur(8px) !important; /* Reduced from 16px */
        -webkit-backdrop-filter: blur(8px) !important;
    }
    
    /* Disable noise texture on mobile */
    .ac-box-bottom::before {
        display: none !important;
    }
    
    /* Simpler shadows */
    .ac-card {
        box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
    }
    
    /* Disable button animations on mobile */
    .ac-shop-btn::before {
        display: none;
    }
    
    .ac-shop-btn:active {
        transform: scale(0.95);
    }
    
    /* Remove transitions on circles */
    .circle-base {
        transition: none !important;
    }
    
    /* Faster card animations */
    .ac-card {
        animation-duration: 0.4s !important;
    }
}

/* ========================================
   TOUCH INTERACTION FIXES
   ======================================== */

/* Prevent touch events on decorative elements */
.circle-base {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Ensure clickable elements work on touch */
.ac-shop-btn {
    pointer-events: auto !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 123, 255, 0.2);
}

/* Improve touch target size */
@media (max-width: 767px) {
    .ac-shop-btn {
        min-height: 44px; /* iOS recommended touch target */
        padding: 12px 20px !important;
        font-size: 13px !important;
    }
}

/* ========================================
   PERFORMANCE OPTIMIZATIONS
   ======================================== */

/* GPU acceleration for animated elements */
.ac-product-image,
.circle-base {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
}

/* Reduce repaints on mobile */
@media (max-width: 767px) {
    .ac-layout-wrapper {
        will-change: auto;
    }
    
    .ac-card-title,
    .ac-card-subtitle {
        will-change: auto;
    }
    
    /* Disable hover effects on touch devices */
    .ac-card:hover .ac-card-title,
    .ac-card:hover .ac-card-subtitle {
        transform: none !important;
    }
}

/* ========================================
   SCROLLING PERFORMANCE
   ======================================== */

/* Reduce jank during scroll on mobile */
@media (max-width: 767px) {
    .ac-cards-container {
        -webkit-overflow-scrolling: touch;
    }
    
    /* Pause animations when offscreen (optional) */
    .ac-card {
        content-visibility: auto;
    }
}

/* ========================================
   ACCESSIBILITY - REDUCED MOTION
   ======================================== */

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .ac-product-image,
    .circle-base {
        will-change: auto !important;
    }
}

/* ========================================
   TABLET OPTIMIZATIONS (768px - 1024px)
   ======================================== */

@media (min-width: 768px) and (max-width: 1024px) {
    /* Reduce animation complexity on tablets */
    .circle-base {
        pointer-events: none;
    }
    
    .ac-box-bottom {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
}

/* ========================================
   LOW-END DEVICE DETECTION
   ======================================== */

/* Disable heavy effects on low-end devices */
@media (max-width: 767px) and (max-resolution: 1.5dppx) {
    .ac-box-bottom {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(0, 0, 0, 0.3) !important;
    }
    
    .ac-product-image {
        filter: drop-shadow(0 10px 15px rgba(0,0,0,0.2)) !important;
    }
}

/* ========================================
   PREVENT DOUBLE-TAP ZOOM ON BUTTONS
   ======================================== */

.ac-shop-btn {
    touch-action: manipulation;
}

/* ========================================
   SAFARI MOBILE SPECIFIC FIXES
   ======================================== */

@supports (-webkit-touch-callout: none) {
    /* iOS Safari fixes */
    .circle-base {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    .ac-product-image {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

/* Smooth Scroll Optimization */
html {
    scroll-behavior: smooth;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* GPU Acceleration */
.feature-item,
.feature-icon {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform, opacity;
}

/* Smooth transitions */
body.scroll-optimized {
    overflow-x: hidden;
}

/* Scroll to top button (optional) */
.scrollToTop {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.scrollToTop.show {
    opacity: 1;
    visibility: visible;
}