@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.3.9") 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-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #9333ea;
	--wd-alternative-color: rgb(243,237,255);
	--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: rgb(0,169,6);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(232,140,20);
	--notices-warning-color: #fff;
	--wd-link-color: #9333ea;
	--wd-link-color-hover: rgb(126,34,206);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 200px;
}
.wd-page-title .wd-page-title-bg img {
	object-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 .wd-single-post-header .title, html .wd-single-post-title .wd-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);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--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-sticky-btn-height: 95px;
	}
	.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;
	--wd-sticky-btn-height: 42px;
	}
	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: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(147,51,234);
}

/* Ẩn skip links (toàn site) */
.wd-skip-links {
    display: none !important;
}

/* CSS nút Đăng nhập bằng Google */
.googlesitekit-sign-in-with-google__frontend-output-button {
    max-width: 460px !important;
    margin-bottom: 20px;
}

/* ===============================
   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;
}

/* ===============================
   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 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;
}

/* Ẩn tiêu đề đánh giá */
.woocommerce-Reviews-title {
    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;
}

/* Ẩn số lượng */
.product-quantity {
    display: none !important;
}

/* ===============================
   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;
}

/* Chèn icon sau chữ của nút tải (Woodmart) */
.wd-buy-now-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.wd-buy-now-btn::before{
    content:"";
    width:16px;
    height:16px;
    background:currentColor;
    
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 15V3'/><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><path d='m7 10 5 5 5-5'/></svg>") no-repeat center;
    
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 15V3'/><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><path d='m7 10 5 5 5-5'/></svg>") no-repeat center;
}

/* Chèn icon sau chữ của nút thanh toán WooCommerce */
#place_order{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

#place_order::after{
    content:"";
    width:16px;
    height:16px;
    background:currentColor;

    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z'/><path d='M4 9v6'/></svg>") no-repeat center;

    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11 9a1 1 0 0 0 1-1V5.061a1 1 0 0 1 1.811-.75l6.836 6.836a1.207 1.207 0 0 1 0 1.707l-6.836 6.835a1 1 0 0 1-1.811-.75V16a1 1 0 0 0-1-1H9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z'/><path d='M4 9v6'/></svg>") no-repeat center;
}

/* =========================================================
   SEGMENTED CONTROL – PRODUCTS TABS
   ÁP DỤNG ALL SCREEN
   ========================================================= */

/* 1️⃣ WRAPPER */
.wd-products-tabs .wd-nav-tabs.products-tabs-title {
    display: inline-flex;
    justify-content: center;
    background: var(--wd-alternative-color);
    padding: 6px;
    border-radius: 16px;
    gap: 6px;
}

/* 2️⃣ TAB ITEM RESET */
.wd-products-tabs .wd-nav-tabs.products-tabs-title > li {
    margin: 0;
}

/* 3️⃣ LINK STYLE */
.wd-products-tabs .wd-nav-tabs.products-tabs-title > li > a {
    display: block;
    padding: 12px 24px;
    border-radius: 12px;
    transition: all 0.2s ease;
    font-weight: 600;
}

/* 4️⃣ HOVER */
.wd-products-tabs .wd-nav-tabs.products-tabs-title > li > a:hover {
    color: var(--wd-primary-color);
}

/* 5️⃣ ACTIVE */
.wd-products-tabs .wd-nav-tabs.products-tabs-title > li.wd-active > a,
.wd-products-tabs .wd-nav-tabs.products-tabs-title > li.active > a {
    background: #ffffff;
    color: var(--wd-primary-color);
    box-shadow: 0 4px 14px rgba(147, 51, 234, 0.12);
}

/* 6️⃣ TẠO KHOẢNG CÁCH VỚI CONTENT */
.wd-products-tabs .wd-tabs-header {
    margin-bottom: 20px;
}

@media (max-width: 1024px) {

    /* 1️⃣ HEADER KHÔNG CENTER */
    .wd-products-tabs .wd-tabs-header {
        text-align: left;
    }

    /* 2️⃣ WRAPPER SCROLL ĐÚNG CÁCH */
    .wd-products-tabs .wd-nav-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 3️⃣ UL FULL WIDTH */
    .wd-products-tabs .wd-nav-tabs.products-tabs-title {
        display: flex;
        flex-wrap: nowrap;
        width: max-content;
        min-width: 100%;
        gap: 6px;
        padding: 4px;
        border-radius: 12px;
    }

    /* 4️⃣ FIX ICON POS TOP GÂY LỆCH */
    .wd-products-tabs .wd-nav-tabs.products-tabs-title.wd-icon-pos-top > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        height: 38px;
    }

    /* 5️⃣ TAB KHÔNG CO */
    .wd-products-tabs .wd-nav-tabs.products-tabs-title > li {
        flex: 0 0 auto;
    }

    /* 6️⃣ TEXT KHÔNG BỊ ĐẨY */
    .wd-products-tabs .wd-nav-tabs.products-tabs-title .nav-link-text {
        line-height: 1;
        display: block;
    }

    /* 7️⃣ ACTIVE */
    .wd-products-tabs .wd-nav-tabs.products-tabs-title > li.wd-active > a {
        background: #ffffff;
        color: var(--wd-primary-color);
        box-shadow: 0 3px 10px rgba(147, 51, 234, 0.12);
        border-radius: 10px;
    }

}

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

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

/* =========================================================
   TÙY CHỈNH TAB MÔ TẢ / ĐÁNH GIÁ – WOOCOMMERCE + WOODMART
   ========================================================= */

/* DESKTOP – SEGMENTED CONTROL (>=1025px) */
@media (min-width: 1025px) {

    .woocommerce-tabs .wd-nav-tabs,
    .woocommerce-tabs .tabs {
        display: inline-flex;
        background: var(--wd-alternative-color);
        padding: 4px;
        border-radius: 12px;
        gap: 4px;
        margin-bottom: 22px;
    }

    .woocommerce-tabs .wd-nav-tabs li a,
    .woocommerce-tabs .tabs li a {
        padding: 10px 20px;
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-radius: 8px;
        color: #6b7280;
        transition: background 0.2s ease, color 0.2s ease;
    }

    .woocommerce-tabs .wd-nav-tabs li a:hover,
    .woocommerce-tabs .tabs li a:hover {
        color: var(--wd-primary-color);
    }

    .woocommerce-tabs .wd-nav-tabs li.active a,
    .woocommerce-tabs .tabs li.active a {
        background: #ffffff;
        color: var(--wd-primary-color);
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

}

/* TABLET + MOBILE – ACCORDION HIỆN ĐẠI (<1025px) */
@media (max-width: 1024px) {

    .single-product .wd-accordion.wd-style-default > .wd-accordion-item:first-of-type,
    .single-product .wd-accordion.wd-style-default > .wd-nav-wrapper + .wd-accordion-item {
        border-top: none !important;
    }

    .single-product .wd-accordion.wd-style-default > .wd-accordion-item {
        border-bottom: none !important;
    }

    .woocommerce-tabs .wc-tab-title,
    .woocommerce-tabs .wd-accordion-title {
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        padding: 16px 18px;
        margin-bottom: 10px;
        background: var(--wd-alternative-color);
        border-radius: 6px;
        border: 1px solid rgba(0,0,0,0.04);
        transition: all 0.2s ease;
    }

    .woocommerce-tabs .wc-tab-title:hover,
    .woocommerce-tabs .wd-accordion-title:hover {
        background: #ede9fe;
    }

    .woocommerce-tabs .wc-tab-title.active,
    .woocommerce-tabs .wd-accordion-title.active {
        background: #ffffff;
        color: var(--wd-primary-color);
        box-shadow: 0 4px 14px rgba(147, 51, 234, 0.08);
        border-color: rgba(147, 51, 234, 0.15);
    }

    .woocommerce-tabs .wc-tab-title::after,
    .woocommerce-tabs .wd-accordion-title::after {
        font-size: 14px;
        opacity: 0.6;
    }

    .woocommerce-tabs .wc-tab-title.active::after,
    .woocommerce-tabs .wd-accordion-title.active::after {
        opacity: 1;
        color: var(--wd-primary-color);
    }

    .woocommerce-tabs .panel {
        padding: 18px 6px 24px 6px;
        margin-top: 8px;
    }

}

/* =========================================
   Tooltip mô tả “Hỗ trợ kỹ thuật”
   ========================================= */

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

.support-label{
    display:flex;
    align-items:center;
}

.support-tooltip-wrap{
    position:relative;
    display:flex;
    align-items:center;
}

.support-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    font-size:11px;
    line-height:1;
    border:1px solid #A0A0A0;
    border-radius:50%;
    background:#fff;
    color:#666;
    cursor:help;
    vertical-align:middle;
    transform:translateY(-1px);
}

.support-tooltip{
    position:absolute;
    bottom:calc(100% + 12px);
    left:50%;
    transform:translateX(-50%);
    min-width:320px;
    max-width:min(540px,90vw);
    padding:12px 16px;
    background:#fff;
    color:#666;
    font-size:14px;
    line-height:1.6;
    text-align:left;
    border:1px solid #e5e5e5;
    border-radius:8px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease;
}

.support-tooltip::before,
.support-tooltip::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
}

.support-tooltip::before{
    bottom:-10px;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-top:9px solid #e5e5e5;
}

.support-tooltip::after{
    bottom:-8px;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid #fff;
}

.support-tooltip-wrap:hover .support-tooltip,
.support-tooltip-wrap:focus-within .support-tooltip{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(-2px);
}

/* ===============================
   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;
}

/*Sửa nút Xem thêm ở trang Blog */
.wd-load-more {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    background-color: var(--btn-accented-bgcolor);
    box-shadow: var(--btn-accented-box-shadow);
    text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
    font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
    font-style: var(--btn-accented-font-style, var(--btn-font-style, unset));
    border: none;
    outline: none;
    transition: all .2s ease;
} 
.wd-load-more:hover,
.wd-load-more:focus {
    color: var(--btn-accented-color);
    background-color: var(--btn-accented-bgcolor);
    border: none;
}

/* =========================================================
   WOOCOMMERCE – THANK YOU PAGE (AFTER CHECKOUT)
   ========================================================= */

/* Ẩ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;
}

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

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

.woocommerce-order-downloads {
    background: #ffffff;
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}

.woocommerce-table--order-downloads {
    margin-top: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.woocommerce-table--order-downloads td.download-file {
    text-align: right;
    white-space: nowrap;
}

.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);
}

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

.woocommerce-order-details > *,
.woocommerce-customer-details > * {
    margin-top: 0;
}

.woocommerce-table--order-details {
    background: transparent;
}

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

@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;
    }
}

@media (max-width: 768px) {

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

    .woocommerce-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .woocommerce-table--order-downloads td {
        display: block;
        padding: 12px 0;
        border-bottom: 1px solid #eee;
    }

    .woocommerce-table--order-downloads td::before {
        display: block;
        margin-bottom: 6px;
    }

    .woocommerce-table--order-downloads tr:last-child td {
        border-bottom: none;
    }

    .woocommerce-order-details,
    .woocommerce-customer-details {
        margin-top: 16px;
    }

    .woocommerce-table--order-downloads td.download-file::before {
        display: none;
    }

    .woocommerce-MyAccount-downloads-file.button.alt {
        width: 100%;
    }

}


/* =========================================================
   AFFILIATE DASHBOARD – HEADER FIX COMPLETE
   ========================================================= */

/* ===== HEADER CONTAINER ===== */
.wcu-dash-coupon-area > .coupon-title{
    background: linear-gradient(135deg,#9333ea,#7e22ce);
    color:#fff;
    padding:18px 22px;
    border-radius:8px;
    margin-bottom:25px;

    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;

    box-sizing:border-box;
    width:100%;
}

/* Reset float bên trong */
.wcu-dash-coupon-area .coupon-title *{
    float:none !important;
}

/* Ẩn prefix rỗng */
.wcu-coupon-title-prefix{
    display:none;
}

/* Icon tag */
.wcu-dash-coupon-area .fa-tag{
    display:inline-flex;
    align-items:center;
    font-size:16px !important;
    line-height:1;
    margin:0;
    flex-shrink:0;
}

/* Coupon text */
.wcu-coupon-title{
    display:inline-flex;
    align-items:center;
    font-size:18px;
    font-weight:600;
    line-height:1.2;
    margin:0;
    padding:0;
}

/* Nhóm phải (email) */
.wcusage-dash-top-links{
    margin-left:auto;
    display:flex;
    align-items:center;
    min-width:0;
}

/* Email */
.wcusage-dash-username{
    display:inline-flex;
    align-items:center;
    margin:0 !important;

    font-size:14.5px;
    font-weight:500;
    line-height:1.2;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Icon user */
.wcusage-dash-username i{
    margin-right:6px;
    font-size:14px;
}

/* =========================================================
   MOBILE FIX
   ========================================================= */

@media (max-width:768px){

    .wcu-dash-coupon-area > .coupon-title{
        padding:14px 16px;
        gap:10px;
    }

    .wcu-coupon-title{
        font-size:16px;
    }

    .wcusage-dash-username{
        font-size:14px;
    }
}

/* Ghi đè rule plugin gây lệch */
@media only screen and (max-width:1024px){

    .wcu-dash-coupon-area .wcusage-dash-top-links{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        text-align:right !important;
        margin:0 !important;
    }

}

/* =========================================================
   CUSTOM BUTTON STYLE – WCU / WCUSAGE
   Remove text shadow + remove border + theme radius
   ========================================================= */

.wcu-button-export,
#wcu-monthly-orders-button,
#wcu-orders-button,
#wcu-summary-button,
#wcusage_copylink,
#wcu-paypal-button,
#submitpayoutno,
.wcu-paypal-button,
#wcu6 .woocommerce-EditAccountForm .woocommerce-Button,
#ml-wcu4 .woocommerce-EditAccountForm .woocommerce-Button,
#wcu-add-campaign-button,
#wcu-add-directlink-button,
#wcu-add-mlainvite-button,
.wcu-save-settings-button,
#wcu6 button,
#wcu-register-button,
.wcusage-login-form-col .woocommerce-button,
.wcusage_copylink,
.wcusage_creativelink,
.wcu-coupon-list-button,
.product-rates-search,
.product-rates-copy,
#wcu-download-qr,
#wcu-settings-update-button {

    background: #9333ea !important;
    color: #ffffff !important;

    text-shadow: none !important;
    border: none !important;
    box-shadow: none !important;

    border-radius: var(--btn-accented-brd-radius) !important;

}


/* =========================================================
   AFFILIATE – TAB COLOR SYSTEM
   ========================================================= */

.wcutab .wcutablinks{
    background: rgb(243, 237, 255) !important;
    color: rgb(147, 51, 234) !important;

    border-radius: 8px;
    border: none;
    transition: all 0.2s ease;
}

.wcutab .wcutablinks i{
    color: inherit !important;
}

.wcutab .wcutablinks:hover{
    background: rgb(230, 218, 255) !important;
    color: rgb(126, 34, 206) !important;
}

.wcutab .wcutablinks.wcutab-active{
    background: rgb(230, 218, 255) !important;
    color: rgb(126, 34, 206) !important;
}


/* =========================================================
   PORTAL SIDEBAR – ALIGN LEFT
   ========================================================= */

.portal-tabs {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: left !important;
}

.portal-tabs .portal-tablink {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    text-align: left !important;
    width: 100%;
    gap: 8px;
}

.portal-tabs .portal-tablink i {
    margin-right: 6px;
}


/* Ẩn sticky toolbar chỉ khi có affiliate portal */
body:has(.affiliate-portal-container) .wd-toolbar {
    display: none !important;
}


/* =========================================================
   AFFILIATE PORTAL – MOBILE SELECT (STATIC STYLE)
   ========================================================= */

@media (max-width: 1024px) {

    body .wcutabmobile {
        position: relative;
    }

    body .wcutabmobile select#wcu-select-tab {

        width: 100% !important;
        padding: 14px 44px 14px 18px !important;

        font-size: 15px !important;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;

        background: var(--wd-alternative-color) !important;
        color: var(--wd-primary-color) !important;

        border: 1px solid rgba(0,0,0,0.04) !important;
        border-radius: 8px !important;

        box-shadow: none !important;

        height: auto !important;
        min-height: 48px !important;

        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;

        cursor: pointer;
        outline: none !important;
    }

    body .wcutabmobile::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 18px;

        width: 8px;
        height: 8px;

        border-right: 2px solid var(--wd-primary-color);
        border-bottom: 2px solid var(--wd-primary-color);

        transform: translateY(-50%) rotate(45deg);
        pointer-events: none;
        opacity: 0.7;
    }
}
    /* =========================================================
       AFFILIATE – REFERRAL GENERATOR SAFE FIX
       ========================================================= */

/* Ẩn URL giới thiệu */
.wcu-dash-coupon-area #wcu-referral-generator > p.wcu-tab-title{
    display:none !important;
}

/* Ẩn Thống kê lượt giới thiệu */
.wcu-dash-coupon-area .show_referrals .wcusage-title-referral-stats{
    display:none !important;
}


    #wcu-referral-generator{
        text-align:left !important;
    }

    #wcu-referral-generator .wcu-campaigns-col1{
        float:none !important;
        width:100% !important;
    }

    #wcu-referral-generator input.wcusage_custom_ref_url{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

/* ===============================
   REFERRAL URL – CLEAN ALIGN
   =============================== */

/* Box */
#wcu-referral-generator .referral-url-box{
    width:100% !important;
    padding:18px 20px !important;
    border-radius:8px !important;
}

/* Biến <p> thành grid 2 hàng */
#wcu-referral-generator .referral-url-box > p{
    display:grid !important;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "label button"
        "code  code";
    align-items:center;
    gap:12px;
    margin:8px 0 12px 0 !important;
}

/* Label */
#wcu-referral-generator .referral-url-box strong{
    grid-area:label;
}

/* Button căn phải */
#wcu-referral-generator #wcusage_copylink{
    grid-area:button;
    justify-self:end;

    padding:6px 18px !important;
    font-size:13px !important;
    border-radius:6px !important;
    height:32px !important;

    display:inline-flex !important;
    align-items:center;
    gap:6px;
}

/* Code full width dòng dưới */
#wcu-referral-generator #p1{
    grid-area:code;
    width:100% !important;
    box-sizing:border-box !important;
    word-break:break-all !important;
    margin-top:6px !important;
}
/* =========================================================
   AFFILIATE – INFO BOX GLOBAL OVERRIDE (SAFE)
   ========================================================= */

.wcusage-info-box,
.show_referrals #wcu-referral-statistics .wcusage-info-box{
    background:#ffffff !important;
    border:1px solid rgba(147,51,234,0.15) !important;
    border-radius:8px !important;
    box-shadow:0 px 6px rgba(147,51,234,0.05) !important;
}
	
/* FIX CHÍNH XÁC THỨ TỰ MOBILE WCU */
@media only screen and (max-width:1024px){

    .wcu-dash-coupon-area .wcuTableCell::before{
        content: "" !important;
    }

    .wcu-dash-coupon-area .wcuTableRow .wcuTableCell:nth-child(1)::before{
        content: "ID" !important;
    }

    .wcu-dash-coupon-area .wcuTableRow .wcuTableCell:nth-child(2)::before{
        content: "Chuyển đổi" !important;
    }

    .wcu-dash-coupon-area .wcuTableRow .wcuTableCell:nth-child(3)::before{
        content: "Trang đích" !important;
    }

    .wcu-dash-coupon-area .wcuTableRow .wcuTableCell:nth-child(4)::before{
        content: "URL giới thiệu" !important;
    }

    .wcu-dash-coupon-area .wcuTableRow .wcuTableCell:nth-child(5)::before{
        content: "Ngày" !important;
    }

}
	
/* ===============================
   WCU MOBILE – CARD OPTIMIZED
   =============================== */

.wcuTable{
    border:none !important;
}	
	
@media only screen and (max-width:1024px){

    /* Card container */
    .wcu-dash-coupon-area .wcuTableRow{
        display:block;
        background:#fff;
        border-radius:12px;
        padding:12px 14px;
        margin-bottom:14px;
        box-shadow:0 4px 12px rgba(0,0,0,0.06);
        border:1px solid rgba(0,0,0,0.05);
    }

    /* Remove gradient desktop style */
    .wcu-dash-coupon-area .wcuTableRow:nth-child(even),
    .wcu-dash-coupon-area .wcuTableRow:nth-child(odd){
        background:#fff;
    }

    /* Each row item */
    .wcu-dash-coupon-area .wcuTableCell{
        display:flex !important;
        justify-content:space-between;
        align-items:flex-start;
        gap:10px;
        padding:6px 0;
        border-bottom:1px dashed rgba(0,0,0,0.06);
        font-size:14px;
    }

    .wcu-dash-coupon-area .wcuTableCell:last-child{
        border-bottom:none;
        padding-bottom:0;
    }

    /* Label */
    .wcu-dash-coupon-area .wcuTableCell::before{
        font-weight:600;
        min-width:120px;
        color:#666;
    }

    /* Landing page link */
    .wcu-dash-coupon-area .wcuTableCell-ref-landing a{
        font-weight:500;
        line-height:1.4;
        color:var(--wd-primary-color);
        text-align:right;
    }

    /* Converted icon */
    .wcu-dash-coupon-area .wcuTableCell:nth-child(2) i{
        font-size:16px;
    }

    /* Date smaller */
    .wcu-dash-coupon-area .wcuTableCell:nth-child(5){
        font-size:13px;
        color:#777;
    }

}