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

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

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

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Inter", 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: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", 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;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(1,44,94);
	--wd-alternative-color: rgb(20,140,250);
	--btn-default-bgcolor: rgb(20,140,250);
	--btn-default-bgcolor-hover: rgb(19,119,242);
	--btn-accented-bgcolor: rgb(1,44,94);
	--btn-accented-bgcolor-hover: rgb(19,119,242);
	--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-sticky-btn-height: 95px;
}
.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;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,17,37);
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgb(64,209,67);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(49,160,51);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(255,58,58);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

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


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

/* Hide Days and the first separator in Woodmart Countdown */
.wd-timer .wd-timer-days, 
.wd-timer .wd-timer-days + .wd-sep {
    display: none !important;
}


/* ========================================
   CATEGORIES - PC Version Customization
   ======================================== */
@media (min-width: 1025px) {
    
    /* Category name - White text */
    .wd-cats .product-category .wd-cat-content,
    .wd-cats .product-category .category-link,
    .wd-cats .product-category .wd-entities-title,
    .wd-cats .product-category a.wd-fill.category-link {
        color: #ffffff !important;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
        font-weight: 600 !important;
    }
    
    /* Single line + ellipsis (...) for long titles */
    .wd-cats .product-category .wd-entities-title,
    .wd-cats .product-category .category-link {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        max-width: 90% !important;
        margin: 0 auto !important;
        padding: 0 10px !important;
    }
    
    /* Hover state */
    .wd-cats .product-category:hover .wd-cat-content,
    .wd-cats .product-category:hover .category-link {
        color: #ffffff !important;
        opacity: 0.9;
    }
    
    /* Dark gradient overlay for readability */
    .wd-cats .product-category .wd-cat-content::before,
    .wd-cats .product-category .hover-mask::before {
        background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.2) 50%,
            transparent 100%
        ) !important;
    }
}





/* ========================================
   FLASH SALE - Visible Mesh Gradient
   ======================================== */

.flash-sale-bg {
    position: relative;
    background-color: #001a4d !important;
    overflow: hidden;
    isolation: isolate;
}

/* Mesh layer 1 - Blue & Cyan blobs */
.flash-sale-bg::before {
    content: '';
    position: absolute;
    inset: -20%;
    background-image: 
        radial-gradient(circle at 15% 25%, #2d9efd 0%, transparent 25%),
        radial-gradient(circle at 85% 15%, #00e5ff 0%, transparent 25%),
        radial-gradient(circle at 50% 50%, #1565c0 0%, transparent 30%),
        radial-gradient(circle at 20% 85%, #6a11cb 0%, transparent 25%),
        radial-gradient(circle at 90% 90%, #2575fc 0%, transparent 25%);
    filter: blur(40px);
    animation: meshFlow 20s ease-in-out infinite;
    pointer-events: none;
    z-index: -1;
    opacity: 0.85;
}

/* Mesh layer 2 - Accent highlights */
.flash-sale-bg::after {
    content: '';
    position: absolute;
    inset: -10%;
    background-image: 
        radial-gradient(circle at 70% 30%, #ff6b6b 0%, transparent 15%),
        radial-gradient(circle at 30% 70%, #ffd93d 0%, transparent 15%),
        radial-gradient(circle at 60% 80%, #00d9ff 0%, transparent 18%);
    filter: blur(50px);
    animation: meshFlow 25s ease-in-out infinite reverse;
    pointer-events: none;
    z-index: -1;
    opacity: 0.5;
    mix-blend-mode: screen;
}

@keyframes meshFlow {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg) scale(1);
    }
    25% {
        transform: translate(5%, -5%) rotate(2deg) scale(1.1);
    }
    50% {
        transform: translate(-5%, 5%) rotate(-2deg) scale(1.05);
    }
    75% {
        transform: translate(3%, 3%) rotate(1deg) scale(1.08);
    }
}

.flash-sale-bg > * {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .flash-sale-bg::before,
    .flash-sale-bg::after {
        animation-duration: 30s;
    }
}








/* ========================================
   FLASH SALE - White Sale Price
   Custom Class: .flash-sale-prices
   ======================================== */

/* Sale price (new price) - White & Bold */
.flash-sale-prices .price ins,
.flash-sale-prices .price ins .amount,
.flash-sale-prices .price ins .woocommerce-Price-amount,
.flash-sale-prices .price ins bdi,
.flash-sale-prices .price ins .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

/* Old price (strikethrough) - Light grey/faded */
.flash-sale-prices .price del,
.flash-sale-prices .price del .amount,
.flash-sale-prices .price del .woocommerce-Price-amount,
.flash-sale-prices .price del bdi {
    color: rgba(255, 255, 255, 0.5) !important;
    font-weight: 400 !important;
}

/* If product has only single price (no discount) */
.flash-sale-prices .price > .amount,
.flash-sale-prices .price > .woocommerce-Price-amount {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Product title - White (optional, recommended for blue bg) */
.flash-sale-prices .wd-entities-title,
.flash-sale-prices .wd-entities-title a {
    color: #ffffff !important;
}

.flash-sale-prices .wd-entities-title a:hover {
    color: #2d9efd !important;
}