/**
 * Vietnamese Lunar New Year Theme (Tết Nguyên Đán)
 * Traditional Tet celebration with red envelopes and festive popup
 *
 * @package SeasonalTouch
 */

/* ============================================
   FONT LOADING
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Asimovian&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asimovian&family=Fleur+De+Leah&display=swap');

/* ============================================
   VIETNAMESE TET RED ENVELOPES
   ============================================ */

/* Red envelope particles using PNG image */

/* =====================================================
   LUNAR NEW YEAR – PREMIUM ADD TO CART BUTTON
   Woodmart / WooCommerce
===================================================== */

.add-to-cart-loop {
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    border: 2px solid transparent;
    background: linear-gradient(#f00024, #ff0a1f) padding-box;

    /* RED TƯƠI HƠN */
    /* background:
        linear-gradient(#f00024, #ff0a1f) padding-box,
        linear-gradient(135deg,
            #fff6c7 0%,
            #ffd76a 25%,
            #d4af37 50%,
            #ffeaa0 75%,
            #cfa73a 100%) border-box; */

    box-shadow:
        0 10px 28px rgba(243, 2, 37, 0.45);

    transition: transform .3s ease, box-shadow .3s ease;
}

/* Text */
.add-to-cart-loop span {
    position: relative;
    z-index: 3;
    color: #fff6d0;
    font-weight: 700;
    letter-spacing: .3px;
}

/* =====================================================
   GOLD TEXTURE (VÂN VÀNG ÁNH KIM)
===================================================== */

.add-to-cart-loop::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(135deg,
            rgba(255, 215, 120, .12) 0px,
            rgba(255, 215, 120, .12) 1px,
            transparent 2px,
            transparent 6px);
    opacity: .35;
    z-index: 1;
    pointer-events: none;
}

/* =====================================================
   GOLD SHINE SWEEP (ÁNH QUÉT CAO CẤP)
===================================================== */

.add-to-cart-loop::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: linear-gradient(120deg,
            transparent 35%,
            rgba(255, 220, 120, .55) 50%,
            transparent 65%);
    transform: translateX(-60%);
    opacity: 0;
    z-index: 2;
}

.add-to-cart-loop:hover {
    transform: translateY(-1px);
    box-shadow:
        0 14px 36px rgba(243, 2, 37, 0.6);
}

.add-to-cart-loop:hover::before {
    opacity: 1;
    animation: tet-shine 1.6s linear infinite;
}

@keyframes tet-shine {
    from {
        transform: translateX(-60%);
    }

    to {
        transform: translateX(60%);
    }
}

/* =====================================================
   ADDED STATE (SAU KHI ADD TO CART)
===================================================== */

.add-to-cart-loop.added {
    background:
        linear-gradient(#7f0012, #a00016) padding-box,
        linear-gradient(135deg,
            #ffeaa7,
            #d4af37,
            #ffeaa7) border-box;
}

.add-to-cart-loop.added span {
    color: #ffffff;
}

/* =====================================================
   MOBILE OPTIMIZE
===================================================== */

@media (max-width: 767px) {
    .add-to-cart-loop {
        box-shadow:
            0 8px 20px rgba(198, 0, 29, 0.4);
    }

    .add-to-cart-loop::after {
        opacity: .25;
    }
}

/* =====================================================
   LUNAR NEW YEAR – PREMIUM PRODUCT CARD
   Woodmart / WooCommerce
===================================================== */

.wd-product {
    position: relative;
    overflow: hidden;

    border-radius: 16px;
    border: 2px solid transparent;

    /* NỀN ĐỎ NGỌC – SANG */
    /* background:
		linear-gradient(180deg, #9b0018 0%, #b4001d 100%) padding-box,

		
		linear-gradient(135deg,
			#fff8d6 0%,
			#f3e4a2 15%,
			#e8d28c 30%,
			#d4af37 50%,
			#e8d28c 70%,
			#f3e4a2 85%,
			#ffffff 100%) border-box;

	box-shadow:
		0 6px 16px rgba(155, 0, 24, 0.25),
		0 18px 40px rgba(0, 0, 0, 0.12);

	transition: transform .35s ease, box-shadow .35s ease; */
}

/* =====================================================
   VÂN VÀNG RẤT NHẸ (KHÔNG LÀM RỐI UI)
===================================================== */

.wd-product::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(135deg,
            rgba(255, 220, 140, .08) 0px,
            rgba(255, 220, 140, .08) 1px,
            transparent 3px,
            transparent 8px);
    opacity: .25;
    pointer-events: none;
    z-index: 1;
}

/* =====================================================
   MOBILE – GIẢM HIỆU ỨNG CHO GỌN
===================================================== */

@media (max-width: 767px) {
    .archive .wd-product .product-wrapper::before {
        left: 11px;
    }

    .wd-product {
        box-shadow:
            0 4px 12px rgba(155, 0, 24, 0.22),
            0 12px 24px rgba(0, 0, 0, 0.1);
    }

    .wd-product::after {
        opacity: .18;
    }
}



/* .lunar-tet-popup-container .lunar-firework-spark {
	background: none !important;
	box-shadow: none !important;
}

.lunar-tet-popup-container .lunar-firework-spark::before,
.lunar-tet-popup-container .lunar-firework-spark::after {
	content: none !important;
} */

.single-product .single_add_to_cart_button,
.single-product .wd-buy-now-btn {
    background-color: #f30225;
    border-color: #f30225;
    box-shadow: none;
}

.single-product .single_add_to_cart_button:hover,
.single-product .wd-buy-now-btn:hover {
    background-color: #d20523;
    border-color: #d20523;
}

#toggle-theme {
    box-shadow: none;
}