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

:root {
	--wd-text-font: "Baloo 2", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(51,51,51);
	--wd-text-font-size: 16px;
	--wd-title-font: "Baloo 2", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(34,34,34);
	--wd-entities-title-font: "Baloo 2", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(34,34,34);
	--wd-entities-title-color-hover: rgb(51, 51, 51);
	--wd-alternative-font: "Baloo 2", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Phudu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(34,34,34);
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Phudu", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: #9333ea;
	--wd-alternative-color: rgb(243,237,255);
	--wd-link-color: #9333ea;
	--wd-link-color-hover: rgb(126,34,206);
	--btn-default-bgcolor: rgb(147,51,234);
	--btn-default-bgcolor-hover: rgb(126,34,206);
	--btn-accented-bgcolor: rgb(147,51,234);
	--btn-accented-bgcolor-hover: rgb(126,34,206);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(232,140,20);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgba(255,255,255,0);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 200px;
}
.wd-page-title {
	background-color: rgb(130,71,255);
	background-image: none;
	background-size: inherit;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(34,34,34);
	background-image: none;
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title, html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount, html .product.wd-product del, html .product.wd-product del .amount, html .product-image-summary-wrap .summary-inner > .price, html .product-image-summary-wrap .summary-inner > .price > .amount, html .product-image-summary-wrap .summary-inner > .price > .price > .amount, html .product-image-summary-wrap .summary-inner > .price ins .amount, html .wd-single-price .price, html .wd-single-price .price > .amount, html .wd-single-price .price > ins .amount {
	font-family: "Phudu", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 28px;
}
html .post-single-page .post-title {
	font-family: "Baloo 2", Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: rgb(34,34,34);
}
.wd-button-wrapper.text-center a.btn.wd-open-popup[href="#popup-huongdansudung"] > .wd-btn-text {
	font-family: "Baloo 2", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-transform: none;
	color: rgb(147,51,234);
}
.wd-button-wrapper.text-center a.btn.wd-open-popup[href="#popup-huongdansudung"] > .wd-btn-text:hover {
	color: rgb(126,34,206);
}
html .product.wd-product del, html .product.wd-product del .amount, html .product-image-summary-wrap .summary-inner > .price del, html .product-image-summary-wrap .summary-inner > .price del .amount, html .wd-single-price .price del .amount, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del .amount, html .wd-single-add-cart .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price > .price del .amount, html .product-quick-view  .summary-inner > .price del, html .product-quick-view  .summary-inner > .price del .amount, html .product-quick-view  .variations_form .woocommerce-variation-price > .price del, html .product-quick-view .variations_form .woocommerce-variation-price > .price del .amount {
	font-family: "Phudu", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 22px;
}
.woocommerce-order-downloads__title {
	text-transform: uppercase;
}
.woocommerce-order-details__title {
	text-transform: inherit;
	color: rgb(118,118,118);
}
.woocommerce-column__title {
	text-transform: inherit;
	color: rgb(118,118,118);
}
html .wd-product.wd-hover-quick .wd-add-btn>a, html .wd-product.wd-hover-quick.wd-quantity-overlap div.quantity input[type], html .wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .wd-add-btn>a, html .wd-product.wd-hover-standard .wd-add-btn>a, html .wd-product.wd-hover-fw-button .wd-add-btn>a, html .wd-product.wd-hover-fw-button.wd-quantity-overlap div.quantity input[type], html .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a, html .wd-product.product-list-item .wd-add-btn>a, html .quick-shop-form .single_add_to_cart_button, html .quick-shop-form div.quantity input[type], html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity input[type], html .cart-actions .button[name="apply_coupon"], html .cart-actions .button[name="update_cart"], html .woocommerce-mini-cart__buttons .btn-cart, html .wd-empty-mini-cart .btn, html .wd-switch-to-register {
	color: rgb(147,51,234);
	background: rgb(243,237,255);
}
html .wd-product.wd-hover-quick .wd-add-btn>a:hover, html .wd-product.wd-hover-quick.wd-quantity-overlap div:hover > div.quantity input[type], 
			html .wd-product.wd-hover-quick.wd-quantity-overlap div:hover > div.quantity+.button, html .wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .wd-add-btn>a:hover, html .wd-product.wd-hover-standard .wd-add-btn>a:hover, html .wd-product.wd-hover-fw-button .wd-add-btn>a:hover, html .wd-product.wd-hover-fw-button.wd-quantity-overlap div:hover > div.quantity input[type], 
			html .wd-product.wd-hover-fw-button.wd-quantity-overlap div:hover > div.quantity+.button, html .wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover, html .wd-product.product-list-item .wd-add-btn>a:hover, html .quick-shop-form .single_add_to_cart_button:hover, html .quick-shop-wrapper .quick-shop-form div:hover > div.quantity input[type], 
			html .quick-shop-wrapper .quick-shop-form div:hover > div.quantity+.button, html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity input[type], html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button, html .cart-actions .button[name="apply_coupon"]:hover, html .cart-actions .button[name="update_cart"]:hover, html .woocommerce-mini-cart__buttons .btn-cart:hover, html .wd-empty-mini-cart .btn:hover, html .wd-switch-to-register:hover {
	color: rgb(126,34,206);
	background: rgb(230,218,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 16px;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font-size: 16px;
	}
	.wd-button-wrapper.text-center a.btn.wd-open-popup[href="#popup-huongdansudung"] > .wd-btn-text {
		font-size: 16px;
	}
	html .product.wd-product del, html .product.wd-product del .amount, html .product-image-summary-wrap .summary-inner > .price del, html .product-image-summary-wrap .summary-inner > .price del .amount, html .wd-single-price .price del .amount, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del .amount, html .wd-single-add-cart .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price > .price del .amount, html .product-quick-view  .summary-inner > .price del, html .product-quick-view  .summary-inner > .price del .amount, html .product-quick-view  .variations_form .woocommerce-variation-price > .price del, html .product-quick-view .variations_form .woocommerce-variation-price > .price del .amount {
		font-size: 20px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font-size: 16px;
	}
	html .wd-page-content .wd-product .product-wrapper .wd-entities-title, html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount, html .product.wd-product del, html .product.wd-product del .amount, html .product-image-summary-wrap .summary-inner > .price, html .product-image-summary-wrap .summary-inner > .price > .amount, html .product-image-summary-wrap .summary-inner > .price > .price > .amount, html .product-image-summary-wrap .summary-inner > .price ins .amount, html .wd-single-price .price, html .wd-single-price .price > .amount, html .wd-single-price .price > ins .amount {
		font-size: 24px;
	}
	.wd-button-wrapper.text-center a.btn.wd-open-popup[href="#popup-huongdansudung"] > .wd-btn-text {
		font-size: 16px;
	}
	html .product.wd-product del, html .product.wd-product del .amount, html .product-image-summary-wrap .summary-inner > .price del, html .product-image-summary-wrap .summary-inner > .price del .amount, html .wd-single-price .price del .amount, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del .amount, html .wd-single-add-cart .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price > .price del .amount, html .product-quick-view  .summary-inner > .price del, html .product-quick-view  .summary-inner > .price del .amount, html .product-quick-view  .variations_form .woocommerce-variation-price > .price del, html .product-quick-view .variations_form .woocommerce-variation-price > .price del .amount {
		font-size: 18px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

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

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


/* ===============================
   CONTACT FORM 7
   =============================== */

/* Ẩn fieldset chứa hidden fields (toàn site) */
.wpcf7 .hidden-fields-container {
    display: none !important;
}

/* Phiên bản an toàn: chỉ áp dụng cho widget footer */
.widget_custom_html .wpcf7 .hidden-fields-container {
    display: none !important;
}

/* ===============================
   GOOGLE reCAPTCHA
   =============================== */

/* Ẩn badge reCAPTCHA (chỉ ảnh hưởng hiển thị) */
.grecaptcha-badge {
    visibility: hidden;
}

/* ===============================
   PRODUCT GRID / SHOP
   =============================== */

/* Ẩn giá và nút thêm vào giỏ khi hover (trạng thái không active variation) */
.product.wd-hover-alt:not(.wd-variation-active)
.swap-elements :is(.price, .wd-add-btn) {
    display: none;
}

/* Ẩn tiêu đề entity trong product grid */
.main-page-wrapper
.product-grid-item
.product-wrapper
.wd-entities-title {
    display: none;
}

/* Ẩn nhãn sản phẩm (sale, new, hot...) */
.product-labels.labels-rounded-sm {
    display: none;
}

/* ===============================
   PRODUCT TABS & QUICK VIEW
   =============================== */

/* Ẩn toàn bộ tab sản phẩm */
.product-tabs-wrapper {
    display: none;
}



/* ===============================
   PRICE DISPLAY
   =============================== */

/* Sắp xếp lại thứ tự: giá sale trước, giá gốc sau */
.price {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.price ins {
    order: 1;
}

.price del {
    order: 2;
}

/* Ẩn giá & thông báo login-to-price ở block bottom-information */
.product.wd-hover-info
.bottom-information
:is(.login-to-prices-msg, .price) {
    position: absolute;
    bottom: 100%;
    inset-inline-start: 0;
    min-width: calc(100% - 60px);
    display: none;
}

/* ===============================
   BUTTONS / ACTIONS
   =============================== */

/* Ẩn nút action icon dạng button */
.wd-action-btn.wd-style-icon .button {
    display: none;
    padding: 0;
    min-height: unset;
    background-color: transparent;
}

/* Ẩn reset variation (Xóa) – ép tuyệt đối */
.wd-reset-var,
.wd-reset-var .reset_variations {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Button link không viền */
.btn.btn-style-link {
    --btn-brd-width: 0 !important;
}


/* Checkout – Coupon & Login (background + padding tối thiểu) */
.wd-checkout-coupon,
.wd-checkout-login {
    background: #f8f7f9;
    border-radius: 6px;
    padding: 16px 20px;
}


/* =========================================================
   WOOCOMMERCE – THANK YOU PAGE (AFTER CHECKOUT)
   Mục tiêu:
   - Tệp tải xuống là khối hành động chính
   - Thông tin đơn hàng hiển thị gọn, nhẹ
   - Bố cục rõ ràng desktop & mobile
   ========================================================= */


/* =========================================================
   1. THÀNH PHẦN KHÔNG CẦN THIẾT
   ========================================================= */

/* Ẩn thông báo đặt hàng thành công */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    display: none;
}

/* Ẩn nút Đặt hàng lại */
.order-again {
    display: none;
}


/* =========================================================
   2. WRAPPER TỔNG TRANG
   ========================================================= */

.woocommerce-order {
    display: flex;
    flex-direction: column;
    gap: 32px;
}


/* =========================================================
   3. THÔNG TIN ĐƠN HÀNG
   (Mã đơn / Ngày / Email / Tổng)
   ========================================================= */

.woocommerce-order-overview {
    padding: 16px 0px;
    background: #f8f7f9;
    border-radius: 10px;
}


/* =========================================================
   4. TỆP TẢI XUỐNG – KHỐI CHÍNH
   ========================================================= */

.woocommerce-order-downloads {
    background: #ffffff;
    padding: 24px;
    border-radius: 10px;

    /* Shadow đều, không tạo cảm giác lệch */
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}

/* Table tải xuống */
.woocommerce-table--order-downloads {
    margin-top: 16px;
    border-radius: 12px;
    overflow: hidden;
}

/* Cột nút tải */
.woocommerce-table--order-downloads td.download-file {
    text-align: right;
    white-space: nowrap;
}


/* =========================================================
   5. NÚT "SỬ DỤNG MẪU"
   ========================================================= */

.woocommerce-MyAccount-downloads-file.button.alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 12px;
    font-size: 13px;
    font-weight: var(--btn-font-weight, 600);
    line-height: 1.2;

    border-radius: 5px;

    color: #fff !important;
    background-color: var(--wd-primary-color);
    border: 1px solid var(--wd-primary-color);

    text-decoration: none;
    cursor: pointer;
    transition: all .25s ease;
}

.woocommerce-MyAccount-downloads-file.button.alt:hover {
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
}

/* Mobile: nút full width */
@media (max-width: 768px) {
    .woocommerce-MyAccount-downloads-file.button.alt {
        width: 100%;
    }
}


/* =========================================================
   6. CHI TIẾT ĐƠN HÀNG & ĐỊA CHỈ THANH TOÁN
   ========================================================= */

.woocommerce-order-details,
.woocommerce-customer-details {
    background: #f8f7f9;
    padding: 20px;
    border-radius: 10px;

    /* Reset margin-top cũ gây lệch */
    margin-top: 0;
}

/* Tránh margin thừa bên trong */
.woocommerce-order-details > *,
.woocommerce-customer-details > * {
    margin-top: 0;
}

/* Table chi tiết dùng nền khung cha */
.woocommerce-table--order-details {
    background: transparent;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    vertical-align: top;
}


/* =========================================================
   7. BỐ CỤC DESKTOP – 2 KHỐI PHỤ SONG SONG
   ========================================================= */

@media (min-width: 769px) {

    .woocommerce-order {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "overview overview"
            "downloads downloads"
            "details customer";
    }

    .woocommerce-order-overview {
        grid-area: overview;
    }

    .woocommerce-order-downloads {
        grid-area: downloads;
    }

    .woocommerce-order-details {
        grid-area: details;
        display: flex;
        flex-direction: column;
    }

    .woocommerce-customer-details {
        grid-area: customer;
        display: flex;
        flex-direction: column;
    }
}


/* =========================================================
   8. MOBILE – TỐI ƯU TRẢI NGHIỆM
   ========================================================= */

@media (max-width: 768px) {

    .woocommerce-order {
        display: flex;
        flex-direction: column;
    }

    /* Không phá cấu trúc table, chỉ cho scroll */
    .woocommerce-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Giãn đều từng dòng thông tin */
    .woocommerce-table--order-downloads td {
        display: block;
        padding: 12px 0;
        border-bottom: 1px solid #eee;
    }

    /* Label (data-title) cách nội dung */
    .woocommerce-table--order-downloads td::before {
        display: block;
        margin-bottom: 6px;
    }

    /* Dòng cuối không có border */
    .woocommerce-table--order-downloads tr:last-child td {
        border-bottom: none;
    }

    .woocommerce-order-details,
    .woocommerce-customer-details {
        margin-top: 16px;
    }
	/* Không hiển thị label cho cột nút Tải xuống */
.woocommerce-table--order-downloads td.download-file::before {
    display: none;
}

}




/* ===============================
   SLIDER / POST META
   =============================== */

/* Tiêu đề slider */
.slider-title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
}

/* Ẩn metadata bài viết */
.says,
.wd-post-entry-meta,
.wd-meta-date {
    display: none;
}



/* ===============================
   PRODUCT META
   =============================== */

/* Màu link tag sản phẩm */
.product_meta .tagged_as a {
    color: var(--wd-primary-color, #9333ea) !important;
}

.product_meta .tagged_as a:hover {
    color: var(--wd-primary-color-hover, #7e22ce) !important;
}



/* =========================================
   Tooltip mô tả “Hỗ trợ kỹ thuật”
   Viewport-safe – arrow aligned to icon
   ========================================= */

.support-note {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
}

.support-tooltip-wrap {
	position: relative;
	display: inline-flex;
}

.support-icon {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	border: 1px solid #A0A0A0;
	border-radius: 50%;
	background: #fff;
	color: #666;
	font-size: 11px;
	line-height: 15px;
	cursor: help;
}

/* Tooltip */
.support-tooltip {
	position: absolute;
	z-index: 1;

	/* neo theo ICON, không theo góc trái */
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);

	/* giới hạn theo viewport, không theo thiết bị */
	min-width: 300px;
	max-width: clamp(300px, 80vw, 480px);

	padding: 12px 16px;

	background: #fff;
	color: #666;
	font-size: 14px;
	line-height: 1.6;

	/* căn đều 2 bên – an toàn */
	text-align: justify;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;

	border: 1px solid #e5e5e5;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);

	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease;
	pointer-events: none;
}

/* Arrow – LUÔN TRỎ ICON (center) */
.support-tooltip::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);

	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
}

.support-tooltip::before {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);

	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #e5e5e5;
}

/* Hover */
.support-tooltip-wrap:hover .support-tooltip {
	opacity: 1;
	visibility: visible;
}