:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(75,85,99);
	--wd-text-font-size: 16px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(8,28,51);
	--wd-entities-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: rgb(8,28,51);
	--wd-entities-title-color-hover: rgb(214, 179, 106);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(8,28,51);
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Lato", 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(221,153,51);
	--wd-alternative-color: rgb(8,28,51);
	--btn-default-bgcolor: #D6B36A;
	--btn-default-bgcolor-hover: rgb(199,156,66);
	--btn-accented-bgcolor: rgb(197,160,89);
	--btn-accented-bgcolor-hover: rgb(168,130,65);
	--wd-form-brd-width: 1px;
	--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: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: right bottom;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
 {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 15px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: #E8ECED;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(232,236,237);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: #E8ECED;
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: #1F2937;
	--wd-form-placeholder-color: rgb(122,122,122);
	--wd-form-brd-color: rgb(217,217,217);
	--wd-form-brd-color-focus: rgb(214,179,106);
	--wd-form-bg: #FFFFFF;
}
.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: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--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: #081C33;
}

/* Tắt chữ in hoa menu Header WoodMart */
.whb-main-header .wd-nav > li > a {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
/* Font menu ULY - đẹp hơn, hỗ trợ tiếng Việt */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');

.whb-main-header .wd-nav > li > a {
    font-family: 'Be Vietnam Pro', Arial, sans-serif !important;
    text-transform: none !important;
    letter-spacing: -0.2px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #081C33 !important;
}

/* Màu khi rê chuột */
.whb-main-header .wd-nav > li > a:hover {
    color: #D6B36A !important;
}

/* Màu menu đang chọn */
.whb-main-header .wd-nav > li.current-menu-item > a {
    color: #D6B36A !important;
}
/* Xóa sidebar demo WoodMart trên Trang chủ */
.home .sidebar-container,
.home .wd-sidebar,
.home aside.sidebar-container,
.home .widget-area {
    display: none !important;
}

/* Cho nội dung Trang chủ full width */
.home .site-content,
.home .content-area,
.home .main-page-wrapper .container,
.home .content-layout-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ẩn tiêu đề Trang Chủ demo */
.home .page-title,
.home .entry-title,
.home .page-title-default {
    display: none !important;
}

/* Xóa khoảng nền xanh demo quá cao nếu còn */
.home .main-page-wrapper {
    padding-top: 0 !important;
}
/* Ép nền trang chủ về trắng, xóa nền xanh demo */
.home,
.home body,
.home .website-wrapper,
.home .main-page-wrapper,
.home .site-content,
.home .content-area,
.home .entry-content,
.home .elementor,
.home .elementor-section,
.home .elementor-container,
.home .elementor-widget-wrap {
    background: #ffffff !important;
}

/* Xóa chiều cao vùng xanh trống */
.home .main-page-wrapper,
.home .site-content,
.home .content-area,
.home .entry-content {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Ẩn section trống màu xanh nếu là section đầu tiên */
.home .entry-content > section,
.home .entry-content > div:empty {
    display: none !important;
}
.single_add_to_cart_button,
.wd-buy-now-btn {
    background-color: #D6B36A !important;
    color: #081C33 !important;
    border: 1px solid #D6B36A !important;
    opacity: 1 !important;
}

.single_add_to_cart_button:hover,
.wd-buy-now-btn:hover {
    background-color: #081C33 !important;
    color: #FFFFFF !important;
    border-color: #081C33 !important;
}
/* Làm sáng giỏ hàng mini */
.cart-widget-side,
.wd-side-hidden {
    background: #ffffff !important;
    color: #081c33 !important;
}

.cart-widget-side .widget-heading,
.cart-widget-side .widget-title,
.cart-widget-side .mini_cart_item,
.cart-widget-side .mini_cart_item a,
.cart-widget-side .woocommerce-mini-cart__total {
    color: #081c33 !important;
}

.cart-widget-side .woocommerce-mini-cart__buttons a {
    background: #d6b36a !important;
    color: #081c33 !important;
}

/* Làm sáng trang giỏ hàng và thanh toán */
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce-cart .main-page-wrapper,
.woocommerce-checkout .main-page-wrapper {
    background: #ffffff !important;
    color: #081c33 !important;
}

.woocommerce-checkout form,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-cart .cart-table-section,
.woocommerce-cart .cart-totals-section {
    background: #ffffff !important;
    color: #081c33 !important;
}

.woocommerce-checkout label,
.woocommerce-checkout h3,
.woocommerce-checkout p,
.woocommerce-cart,
.woocommerce-cart a {
    color: #081c33 !important;
}
/* Ẩn ô Tên công ty trong trang thanh toán */
#billing_company_field {
    display: none !important;
}

/* Hiện rõ nút Đặt hàng */
#place_order,
.woocommerce-checkout button#place_order {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-height: 48px !important;
    background-color: #D6B36A !important;
    color: #081C33 !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
#billing_postcode_field {
    display: none !important;
}
#billing_address_2_field {
    display: none !important;
}
/* Mũi tên tam giác dưới ô thông báo hoàn tất đơn hàng */
.woocommerce-order-received .woocommerce-notice--success {
    position: relative;
    padding-bottom: 22px !important;
    margin-bottom: 24px !important;
}

.woocommerce-order-received .woocommerce-notice--success::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #74A85A;
}
.page-title .entry-title,
.page-title h1,
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: #ffffff !important;
}
/* Ép màu chữ tiêu đề giỏ hàng / thanh toán */
.page-title,
.page-title *,
.title-size-default,
.title-size-default *,
.woocommerce-cart .page-title *,
.woocommerce-checkout .page-title *,
.woodmart-page-title,
.woodmart-page-title * {
    color: #ffffff !important;
}
/* Ẩn dòng tiếng Anh ở trang giỏ hàng trống */
.woocommerce-cart .cart-empty-page .empty-cart-text,
.woocommerce-cart .cart-empty-page p:not(.cart-empty) {
    display: none !important;
}

/* Thêm dòng tiếng Việt thay thế */
.woocommerce-cart .cart-empty-page::after {
    content: "Trước khi thanh toán, Quý khách vui lòng thêm sản phẩm vào giỏ hàng. Quý khách có thể quay lại Cửa hàng để lựa chọn sản phẩm phù hợp.";
    display: block;
    max-width: 520px;
    margin: 15px auto 25px auto;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    color: #4A4A4A;
}
/* Ẩn đoạn tiếng Anh trang giỏ hàng trống - WoodMart/WooCommerce */
body.woocommerce-cart .cart-empty-page .empty-cart-text,
body.woocommerce-cart .cart-empty-page .cart-empty-text,
body.woocommerce-cart .cart-empty-page p,
body.woocommerce-cart .wd-empty-page p,
body.woocommerce-cart .wd-empty-cart p,
body.woocommerce-cart .woocommerce-cart-form__contents + p {
    display: none !important;
}

/* Thêm câu tiếng Việt dưới tiêu đề giỏ hàng trống */
body.woocommerce-cart .cart-empty-page h2::after,
body.woocommerce-cart .wd-empty-page h2::after,
body.woocommerce-cart .wd-empty-cart h2::after {
    content: "Trước khi thanh toán, Quý khách vui lòng thêm sản phẩm vào giỏ hàng. Quý khách có thể quay lại Cửa hàng để lựa chọn sản phẩm phù hợp.";
    display: block;
    max-width: 520px;
    margin: 18px auto 25px auto;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: #4A4A4A;
}
/* Làm phần tiêu đề và danh mục dễ đọc hơn trên ảnh nền */
.page-title .container,
.page-title .title,
.page-title .breadcrumbs,
.page-title .shop-title-wrapper,
.page-title .wd-nav-product-cat {
    position: relative;
    z-index: 2;
}

.page-title::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.38);
    z-index: 1;
}

.page-title {
    position: relative;
}

.page-title,
.page-title a,
.page-title .title,
.page-title .breadcrumbs,
.page-title .wd-nav-product-cat a {
    color: #fff !important;
}
/* Đổi màu giá toàn bộ website */
.woocommerce div.product p.price, 
.woocommerce div.product span.price, 
.product-grid-item .price,
.price {
    color: #E74C3C !important;
}

/* Đổi trực tiếp biến màu văn bản và giá trong giỏ hàng trượt */
.wd-side-hidden.wd-cart-side {
    --wd-primary-color: #E74C3C;
    --wd-text-color: #E74C3C;
}

.woocommerce-mini-cart .amount,
.wd-cart-product-subtotal .amount,
.wd-slide-cart .amount {
    color: #E74C3C !important;
}
/* Đổi màu và tăng kích thước giá sản phẩm trên trang chủ & trang chi tiết */
.woocommerce div.product p.price, 
.woocommerce div.product span.price, 
.product-grid-item .price,
.price {
    color: #E74C3C !important;
    font-size: 18px !important; 
    font-weight: 700 !important; 
}

/* Tăng kích thước giá và số tiền trong giỏ hàng trượt */
.woocommerce-mini-cart .amount,
.wd-cart-product-subtotal .amount,
.wd-slide-cart .amount {
    color: #E74C3C !important;
    font-size: 16px !important;
}
/* Đổi màu, tăng kích thước và đổi phông chữ số cho trang chủ & trang chi tiết */
.woocommerce div.product p.price, 
.woocommerce div.product span.price, 
.product-grid-item .price,
.price {
    color: #E74C3C !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important; /* Đổi phông số sang Montserrat cực kỳ hiện đại, gọn gàng */
}

/* Đổi màu, tăng kích thước và phông chữ cho giá tiền trong giỏ hàng trượt */
.woocommerce-mini-cart .amount,
.wd-cart-product-subtotal .amount,
.wd-slide-cart .amount {
    color: #e53935 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
}

/* Ép form giỏ hàng hiển thị dạng ngang, đều tăm tắp */
.entry-summary form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
}

.entry-summary form.cart .quantity {
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
}

/* Ép cả 2 nút có chiều rộng bằng nhau (chia đôi hàng), cao bằng nhau */
.entry-summary form.cart button.single_add_to_cart_button,
.entry-summary form.cart .wd-buy-now-btn,
.entry-summary form.cart a.button {
    flex: 1 1 calc(50% - 5px) !important;
    min-width: 140px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
/* Giá tiền màu đỏ Ruby sang trọng */
.summary-inner .price, 
.entry-summary .price,
.woocommerce-Price-amount {
    color: #9b111e !important; /* Mã màu đỏ Ruby */
    font-size: 26px !important;    
    font-weight: 700 !important;   
}
/* Ép giá tiền hiển thị đúng size 16px và màu đỏ Ruby chuẩn xác */
.summary-inner .price, 
.entry-summary .price,
.woocommerce-Price-amount,
.price bdi,
.price ins {
    font-size: 16px !important;
    color: #9b111e !important;
    font-weight: 600 !important;
}
/* Khóa cứng chiều cao khung tiêu đề sản phẩm ngoài danh sách để không bị lệch hàng */
.product-grid-item .woodmart-product-title,
.products .product .product-title {
    height: 48px !important; /* Cố định chiều cao vừa vặn cho 2 dòng chữ */
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Giới hạn tối đa đúng 2 dòng, dài quá tự động chấm chấm (...) */
    -webkit-box-orient: vertical !important;
    margin-bottom: 10px !important;
}
/* Ép phần thông tin sản phẩm (tên, giá, đánh giá) nằm hẳn bên dưới ảnh, không bao giờ bị đè */
.product-grid-item .product-element-bottom {
    display: block !important;
    clear: both !important;
    margin-top: 15px !important;
    position: relative !important;
    z-index: 5 !important;
    background-color: #ffffff !important;
}

/* Cố định khoảng cách cho khung tiêu đề không bị trôi */
.product-grid-item .woodmart-product-title {
    margin-top: 5px !important;
    margin-bottom: 8px !important;
}
/* 1. Ẩn khối tạo tài khoản (cả nút và chữ mô tả) trên trang đăng nhập */
.woocommerce-account .u-column2,
.woocommerce-page .u-column2,
.woocommerce-form-register {
    display: none !important;
}

/* 2. Đổi chữ LOG IN thành ĐĂNG NHẬP bằng giao diện nút */
.woocommerce-form-login__submit {
    font-size: 0px !important; /* Ẩn chữ tiếng Anh gốc đi */
}
.woocommerce-form-login__submit::after {
    content: "ĐĂNG NHẬP" !important;
    font-size: 14px !important; /* Chỉnh lại cỡ chữ cho khớp nút */
    visibility: visible !important;
    display: block !important;
}
@media (max-width: 576px) {
	/* Giữ menu chữ Tài khoản như ban đầu */
.woocommerce-MyAccount-navigation ul {
  display: block !important;
}

/* Xếp 6 ô biểu tượng thành 3 cột × 2 hàng */
.wd-my-account-links,
.woodmart-my-account-links {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.wd-my-account-links > div,
.woodmart-my-account-links > div {
  width: 100% !important;
  margin: 0 !important;
}

.wd-my-account-links a,
.woodmart-my-account-links a {
  min-height: 110px !important;
  padding: 10px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 12px !important;
}
.woocommerce-MyAccount-navigation {
  display: none !important;
}
.woodmart-add-btn, 
.wd-add-btn-replace, 
.btn-add-to-cart {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
}