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

:root {
	--wd-text-font: Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(25,25,25);
	--wd-text-font-size: 14px;
	--wd-title-font: Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(0,77,182);
	--wd-entities-title-font: Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgba(0, 0, 0, 0.76);
	--wd-alternative-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(0,77,182);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: rgb(0,77,182);
	--wd-link-color-hover: rgb(0,161,255);
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: rgb(0,0,0);
	--btn-default-color-hover: rgb(0,77,182);
	--btn-accented-bgcolor: rgb(0,77,182);
	--btn-accented-bgcolor-hover: rgb(0,110,237);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(0,77,182);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://vinamex-asia.com/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgba(0,77,182,0.97);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: #ffffff;
	background-image: none;
}
.wd-custom-font {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 600;
	color: rgb(0,77,182);
}
.wd-custom-font:hover {
	color: rgb(0,100,232);
}
html .main-page-wrapper .wd-product .product-wrapper .wd-entities-title {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 700;
	color: rgb(0,77,182);
}
html .main-page-wrapper .wd-product .product-wrapper .wd-entities-title a:hover {
	color: rgb(0,100,232);
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 700;
	font-size: 20px;
	color: rgb(0,77,182);
}
html .product-image-summary-wrap .product_title:hover, html .wd-single-title .product_title:hover {
	color: rgb(0,100,232);
}
html .post.wd-post .post-title, html .wd-carousel-item .post.wd-post .post-title {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 700;
	font-size: 17px;
	text-transform: capitalize;
	color: rgb(0,77,182);
}
html .post.wd-post .post-title a:hover, html .wd-carousel-item .post.wd-post .post-title a:hover {
	color: rgb(0,100,232);
}
html .post-single-page .post-title {
	font-weight: 700;
	font-size: 24px;
	text-transform: capitalize;
	color: rgb(0,0,0);
}
html .post-single-page .post-title:hover {
	color: rgb(0,77,182);
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgba(40,147,255,0.03);
	background-image: none;
}
.single-product .main-page-wrapper {
	background-color: rgb(249,249,249);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #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-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 5px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* Ẩn bộ lọc sắp xếp mặc định */
.woocommerce-ordering {
    display: none !important;
}
/* --- CHỈ ĐỔI MÀU CHO MENU DANH MỤC (THANH XANH) --- */

/* 1. Đổi nền */
li.cat-item .wd-sub-menu.wd-dropdown, 
li.cat-item .wd-dropdown-menu {
    background-color: #004db6 !important; /* Màu xanh của bạn */
}

/* 2. Đổi mũi tên (quan trọng) */
li.cat-item .wd-sub-menu.wd-dropdown:before,
li.cat-item .wd-dropdown-menu:before {
    border-bottom-color: #004db6 !important; 
}

/* 3. Đổi màu chữ thành trắng */
li.cat-item .wd-sub-menu.wd-dropdown li a,
li.cat-item .wd-dropdown-menu li a {
    color: #ffffff !important;
}

/* 4. Hiệu ứng khi di chuột vào từng dòng con */
li.cat-item .wd-sub-menu.wd-dropdown li a:hover {
    color: #ffffff !important;
}
 
/* Banner mobile AUTO HEIGHT theo text (WoodMart Slider) */
@media (max-width: 768px) {

  /* Phá height inline của slider */
  .wd-carousel-wrap,
  .wd-carousel,
  .wd-slide,
  .wd-carousel-item {
    height: auto !important;
    min-height: unset !important;
  }

  /* Cho slide co theo content */
  .wd-slide {
    display: flex !important;
    align-items: flex-start !important; /* text ở trên */
  }

  /* Container chứa text */
  .wd-slide-container.content-fixed {
    position: relative !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* Background ảnh chỉ đóng vai trò nền */
  .wd-slide-bg.wd-fill {
    position: absolute;
    inset: 0;
    background-position: top center !important;
  }
}

/* ===========Ép font cho chữ trong heading block của bạn */
.wpb_wrapper .usp-head,
.wpb_wrapper .usp-head h1,
.wpb_wrapper .usp-head h2,
.wpb_wrapper .usp-head h3,
.wpb_wrapper .usp-head p,
.wpb_wrapper .usp-head span,
.wpb_wrapper .usp-head a{
  font-family: "Roboto","Segoe UI",Arial,sans-serif !important;
}

/* Không đụng tới icon */
.wpb_wrapper .usp-head i,
.wpb_wrapper .usp-head i:before,
.wpb_wrapper .usp-head svg{
  font-family: inherit !important;
}

/* FIX H3 trong USP cards (đóng đinh) */
.usp-card h3{
  color: #fff !important;
  font-family: "Roboto","Segoe UI",Arial,sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #fff !important; /* chống trường hợp text-fill bị đè */
  mix-blend-mode: normal !important;
  position: relative;
  z-index: 5; /* đảm bảo nổi trên overlay */
}

/* FIX icon Woodmart (search/cart/user...) */
.whb-header i,
.whb-header i:before,
.wd-tools-icon:before,
.wd-header-search .wd-tools-icon:before,
.wd-tools .wd-tools-icon:before{
  font-family: "woodmart-font" !important;
  font-weight: normal !important;
}

/* 1. Định dạng chữ đậm và rõ nét cho menu con */
.wd-sub-menu li > a.woodmart-nav-link {
    font-weight: 600 !important; /* Ép độ đậm mức cao nhất */
    font-size: 15px !important;  /* Kích thước vừa mắt */
    color: #333 !important;      /* Màu xám đậm để dễ đọc hơn màu mặc định */
    -webkit-font-smoothing: antialiased; /* Giúp font chữ hiển thị mịn hơn */
    transition: color 0.3s ease !important; /* Tạo độ trễ khi đổi màu */
}

/* 2. Hiệu ứng khi di chuột (Hover) */
.wd-sub-menu li > a.woodmart-nav-link:hover {
    color: #004db6 !important; /* Đổi sang màu đỏ (hoặc màu xanh tùy bạn chọn) khi di chuột */
    background-color: transparent !important;
}

/* 3. Đảm bảo phần text bên trong cũng nhận độ đậm */
.wd-sub-menu li > a.woodmart-nav-link .nav-link-text {
    font-weight: 600 !important;
}

/* 4. Khử lỗi bị mờ khi ở trang chủ (Overlap Header) */
.whb-over-content .wd-sub-menu li > a.woodmart-nav-link {
    font-weight: 600 !important;
    color: #333 !important;
}

/* 1. Thu nhỏ margin dưới của nội dung chính */
.site-content {
    margin-bottom: 0 !important;
}

/* 2. Thu nhỏ padding của khu vực main wrapper */
.main-page-wrapper {
    padding-top: 10px !important;   /* Có thể chỉnh thành 0px nếu muốn sát nữa */
    padding-bottom: 10px !important;
}

/*23

/* 4. Xóa khoảng trống của phần Pre-footer (nếu có) */

.woodmart-prefooter {

    padding-bottom: 0 !important;

    margin-bottom: 0 !important;

}



/* 5. Ép thẻ container không đẩy khoảng cách đáy */

.container {

    margin-bottom: 0 !important;

}



/* Xóa padding mặc định của thẻ body gây ra khoảng trống */

body.home, body {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

}



/* Xóa nốt khoảng trống nếu nó nằm trong thẻ wrapper chính */

.main-page-wrapper {

    margin-bottom: 0 !important;

    padding-bottom: 0 !important;

}



/* Ép footer sát dính vào đáy màn hình */

footer.footer-container {

    margin-bottom: 0 !important;

}

/* Hiện lại Prefooter nhưng triệt tiêu mọi khoảng cách */

.wd-prefooter {

    display: block !important;

    padding: 0 !important;

    margin: 0 !important;

    height: auto !important;

    min-height: 0 !important;

}



/* Ép phần nội dung bên trong Prefooter sát đáy */

.wd-prefooter .container {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    margin-bottom: 0 !important;

}



/* Đảm bảo Footer tự chế của Lộc không có lề thừa */

.z-footer-wrapper {

    width: 100% !important;

    left: 0 !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    background: #004db6;

    color: #ffffff;

    padding: 50px 0 0 0;

    position: relative;

    box-sizing: border-box;

}

/* Đảm bảo container nội dung nằm giữa */

.z-footer-container {

    display: flex;

    flex-wrap: wrap;

    max-width: 1200px; /* Giới hạn độ rộng nội dung */

    margin: 0 auto !important; /* Căn giữa thần chưởng */

    padding: 0 15px;

    justify-content: space-between;

}

/* Xóa nốt Padding của Body mà Lộc chụp lúc nãy */

body.home {

    padding-bottom: 0 !important;
}

.product-label.featured {
    display: none !important;
}

/* Đẩy phần breadcrumbs xuống để không bị header che */
.single-breadcrumbs-wrapper {
    padding-top: 20px; /* Khoảng cách phía trên */
    padding-bottom: 20px; /* Khoảng cách phía dưới */
    margin-top: 10px;
}@media (min-width: 1025px) {
	/* Ẩn chữ Xem thêm trong các nút ở trang chủ và sản phẩm tương tự */
.wd-add-btn.wd-action-btn.wd-style-text span, 
.product-grid-item .wd-add-btn span {
    display: none !important;
}

/* Nếu Lộc muốn ẩn hoàn toàn cái dòng đó trên mobile cho gọn */
@media (max-width: 768px) {
    .wd-add-btn-wrapper {
        display: none !important;
    }
}

/* Thêm đường line ngăn cách bài viết và đánh giá */
.woocommerce-tabs .panel.entry-content {
    border-bottom: 1px solid #e5e5e5; /* Đường kẻ mảnh dưới nội dung bài viết */
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#reviews {
    padding-top: 20px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Ẩn chữ Xem thêm trong các nút ở trang chủ và sản phẩm tương tự */
.wd-add-btn.wd-action-btn.wd-style-text span, 
.product-grid-item .wd-add-btn span {
    display: none !important;
}

/* Nếu Lộc muốn ẩn hoàn toàn cái dòng đó trên mobile cho gọn */
@media (max-width: 768px) {
    .wd-add-btn-wrapper {
        display: none !important;
    }
}
}

@media (min-width: 577px) and (max-width: 767px) {
	/* Ẩn bộ lọc sắp xếp mặc định */
.woocommerce-ordering {
    display: none !important;
}

/* Ẩn chữ Xem thêm trong các nút ở trang chủ và sản phẩm tương tự */
.wd-add-btn.wd-action-btn.wd-style-text span, 
.product-grid-item .wd-add-btn span {
    display: none !important;
}

/* Nếu Lộc muốn ẩn hoàn toàn cái dòng đó trên mobile cho gọn */
@media (max-width: 768px) {
    .wd-add-btn-wrapper {
        display: none !important;
    }
}
}

@media (max-width: 576px) {
	/* Ẩn chữ Xem thêm trong các nút ở trang chủ và sản phẩm tương tự */
.wd-add-btn.wd-action-btn.wd-style-text span, 
.product-grid-item .wd-add-btn span {
    display: none !important;
}

/* Nếu Lộc muốn ẩn hoàn toàn cái dòng đó trên mobile cho gọn */
@media (max-width: 768px) {
    .wd-add-btn-wrapper {
        display: none !important;
    }
}
}