@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//bmbhomes.vn/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.3.3") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//bmbhomes.vn/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//bmbhomes.vn/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//bmbhomes.vn/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//bmbhomes.vn/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//bmbhomes.vn/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//bmbhomes.vn/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//bmbhomes.vn/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//bmbhomes.vn/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(228,201,141);
	--wd-text-font-size: 15px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: rgb(243,201,74);
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: rgb(228,201,141);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: rgb(228,201,141);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(243,201,74);
	--wd-alternative-color: rgb(228,201,141);
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(42,127,165);
	--btn-default-bgcolor-hover: rgb(238,215,154);
	--btn-default-color: rgb(230,195,106);
	--btn-default-color-hover: rgb(12,32,91);
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(42,127,165);
	--btn-accented-bgcolor-hover: rgb(230,195,106);
	--btn-accented-color: rgb(230,195,106);
	--btn-accented-color-hover: rgb(12,32,91);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(242,209,107);
	--wd-link-color-hover: rgb(220,203,134);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(0,11,94);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 400px;
	--wd-popup-padding: 5px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(25,36,94);
	--wd-bordered-bg:rgb(25,36,94);
}
: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: center top;
}
.wd-footer {
	background-color: rgba(244,244,244,0.71);
	background-image: url(https://bmbhomes.vn/wp-content/uploads/2025/10/Nhap-ten-hoac-ma-san-pham.png);
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
	color: rgb(242,184,12);
}
html .wd-nav-mobile > li > a:hover, html .wd-nav-mobile > li.current-menu-item > a {
	color: rgb(238,215,154);
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: rgb(238,215,154);
}
.whb-top-bar .wd-nav.wd-nav-secondary > li:hover > a, .whb-top-bar .wd-nav.wd-nav-secondary > li.current-menu-item > a {
	color: rgb(238,215,154);
}
 {
	font-family: "Urbanist", Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: rgb(238,215,154);
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 18px;
	color: rgb(242,184,12);
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title a:hover {
	color: rgb(238,215,154);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
	color: rgb(238,215,154);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title a:hover {
	color: rgb(242,184,12);
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
	font-family: "Urbanist", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: rgb(242,184,12);
}
html .wd-product .price:hover, html .wd-product .price > .amount:hover, html .wd-product .price ins > .amount:hover {
	color: rgb(216,132,80);
}
html .product.wd-product del, html .product.wd-product del .amount {
	font-size: 15px;
	color: rgb(242,230,157);
}
html .wd-product .wd-product-brands-links a {
	color: rgb(228,201,141);
}
:hover {
	color: rgb(224,178,51);
}
html .wd-builder-off .tabs-layout-tabs .wd-nav-tabs > li > a {
	color: rgb(238,215,154);
}
html .wd-builder-off .tabs-layout-tabs .wd-nav-tabs > li > a:hover, html .wd-builder-off .tabs-layout-tabs .wd-nav-tabs > li.active > a {
	color: rgb(224,178,51);
}
.page .wd-page-content {
	background-image: url(https://bmbhomes.vn/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-image: url(https://bmbhomes.vn/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-product .wd-page-content {
	background-image: url(https://bmbhomes.vn/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-blog .wd-page-content {
	background-image: url(https://bmbhomes.vn/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-post .wd-page-content {
	background-image: url(https://bmbhomes.vn/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
html .wd-buy-now-btn {
	color: rgb(229,64,52);
	background: rgb(247,202,56);
}
html .wd-buy-now-btn:hover {
	color: rgb(230,195,106);
	background: rgb(34,154,214);
}
html .widget_price_filter [class*="price_slider_amount"] .button {
	color: rgb(19,3,122);
	background: rgb(238,215,154);
}
html .widget_price_filter [class*="price_slider_amount"] .button:hover {
	color: rgb(8,67,112);
	background: rgb(221,153,51);
}
html .wd-popup-wishlist .wd-wishlist-save-btn {
	font-family: 'Times New Roman', Times,serif;	font-size: 18px;
}
html .wd-popup-wishlist .wd-wishlist-back-to-lists {
	font-family: 'Times New Roman', Times,serif;	font-size: 18px;
}
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: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-brd-color: rgb(209,187,48);
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(243,201,74);
	color: rgb(27,34,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-cat-brd-radius: 12px;
}

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


.wd-page-title {
background-color: rgb(174,182,161);
}

/* ===== FIX: Ngăn Off-canvas Filter (bộ lọc sản phẩm)  nháy khi tải trang ===== */
@media (max-width: 1024px){

    /* Mặc định ẩn hoàn toàn sidebar */
    .wd-col-offcanvas-sm{
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* Khi WoodMart khởi tạo xong thì mới hiện */
    .wd-col-offcanvas-sm.wd-inited{
        opacity: 1 !important;
        visibility: visible !important;
        transition: opacity .15s ease;
    }

}
/* ===== Chữ và màu sắc chữ trên thanh đầu trang chủ ===== */
.whb-main-header .wd-nav > li > a {
  color: #f7e9c4 !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-shadow: 0 0 4px rgba(255, 220, 120, 0.15);
  transition: all 0.3s ease;
}

.whb-main-header .wd-nav > li:hover > a,
.whb-main-header .wd-nav > li.current-menu-item > a {
  color: #ffd966 !important;
  text-shadow: 0 0 10px rgba(255, 220, 120, 0.4);
}

.wd-header-cart .wd-tools-icon {
  color: #dcb84e !important;
  filter: drop-shadow(0 0 6px rgba(255, 220, 120, 0.25));
}
.wd-header-cart .wd-tools-icon:hover {
  color: #f5e8c8 !important;
  filter: drop-shadow(0 0 10px rgba(255, 230, 150, 0.45));
}
.whb-main-header .wd-info-box {
  background: transparent !important;
  border: 1px solid #dcb84e !important;
  border-radius: 9999px !important;
  padding: 8px 26px !important;
  transition: all 0.3s ease-in-out;
}

.whb-main-header .wd-info-box .box-title,
.whb-main-header .wd-info-box .box-text {
  color: #dcb84e !important;
  font-family: 'Urbanist', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.whb-main-header .wd-info-box:hover {
  background: rgba(220, 184, 78, 0.15) !important;
  box-shadow: 0 0 15px rgba(220, 184, 78, 0.4);
  transform: translateY(-1px);
}

.whb-main-header .wd-info-box:hover .box-title,
.whb-main-header .wd-info-box:hover .box-text {
  color: #0b132b !important;
}

.blog-design-meta-on-image .article-inner:hover {
  box-shadow: 0 0 10px rgba(218, 184, 97, 0.6);
  transform: translateY(-4px);
}

.blog-design-meta-on-image .entry-title a {
  color: #F1D27A;
}
.blog-design-meta-on-image .entry-title a:hover {
  color: #FFD989;
}
  transition: transform 0.6s ease, box-shadow 0.4s ease;
.bmb-zoom {
  position: relative;
  overflow: hidden;               /* Quan trọng: không cho ảnh tràn khung */
  border-radius: 12px;            /* bo góc */
  display: block;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: box-shadow 0.4s ease;
}

.bmb-zoom img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(.23,1,.32,1);
  will-change: transform;
}

.bmb-zoom:hover img {
  transform: scale(1.06);         /* zoom nhẹ */
}

.bmb-zoom:hover {
  box-shadow: 0 8px 25px rgba(215,181,109,0.3);  /* ánh vàng kim nhẹ */
}
.bmb-clip {
  position: relative;
  overflow: hidden;               /* QUAN TRỌNG: cắt tràn cho toàn ô */
  border-radius: 12px;            /* trùng bo góc với ảnh/khung */
}

/* Phòng khi overflow bị browser bỏ qua (Safari, v.v.) */
.bmb-clip { 
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  clip-path: inset(0 round 12px);
}

/* Zoom ảnh – giữ như bạn đang dùng */
.bmb-zoom { overflow: hidden; border-radius: 12px; }
.bmb-zoom img {
  display:block; width:100%;
  transform: scale(1);
  transition: transform .6s cubic-bezier(.23,1,.32,1);
}
.bmb-zoom:hover img { transform: scale(1.06); }

  box-shadow: 0 0 0 0 rgba(42,125,225,.7);
  animation: bmbPulseZalo 2s infinite;
}
/* ========== NÚT FLOAT CHUNG cho 3 nút zalo, hotline, gửi ý tưởng (1 CLASS DUY NHẤT) ========== */
.ss-float-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0F1E33;              /* navy */
  border: 2px solid rgba(215,181,109,.95);
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
  transition: all .2s ease;
  position: relative;
  text-decoration: none;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden;
}

/* Icon bên trong */
.ss-float-icon i,
.ss-float-icon svg,
.ss-float-icon img {
  width: 26px;
  height: 26px;
  display: block;
  color: #F7E7C1;                   /* màu vàng kim */
  z-index: 2;
}

/* Hiệu ứng phát sáng */
.ss-float-icon::before {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(215,181,109,.45);
  opacity: .85;
  animation: ss-glow 2.1s infinite;
  pointer-events: none;
}

@keyframes ss-glow {
  0%   { box-shadow: 0 0 0 0 rgba(215,181,109,0.6); }
  60%  { box-shadow: 0 0 0 16px rgba(215,181,109,0); }
  100% { box-shadow: 0 0 0 0 rgba(215,181,109,0); }
}

/* Hover nhẹ */
.ss-float-icon:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.28);
  filter: saturate(1.05);
}

/* Mobile (nhỏ hơn một chút) */
@media (max-width: 767.98px) {
  .ss-float-icon {
    width: 54px;
    height: 54px;
  }
  .ss-float-icon i,
  .ss-float-icon svg {
    width: 24px;
    height: 24px;
  }
}/*==========================================================
BMB HOME - FILTER SIDEBAR
Áp dụng:
- Sidebar bộ lọc trên Mobile
- Bộ lọc giá
- Bộ lọc thuộc tính
- Chip bộ lọc đã chọn
- Nút Clear Filters
==========================================================*/


/*==========================================================
01. BIẾN MÀU THƯƠNG HIỆU
==========================================================*/

:root{
    --bmb-gold-strong:#F2D16B;
    --bmb-gold-soft:#DCCB86;
}


/*==========================================================
02. HEADER SIDEBAR FILTER (MOBILE)
Áp dụng:
- Nút đóng (X)
==========================================================*/
@media (max-width:768px){

    /* Header */
    .wd-heading{
        position:absolute;
        top:10px;
        right:10px;
        left:0;
        z-index:999;
        background:none;
        border:0;
        height:44px;
    }

    /* Tạo khoảng cách cho widget đầu tiên */
    .wd-widget{
        margin-top:55px;
    }

    /* Nút đóng */
    .close-side-widget a{
        padding:6px 10px;
        border-radius:8px;
        border:1px solid rgba(228,201,141,.35);
        background:rgba(8,25,74,.75);
        color:#E4C98D;
        font-size:13px;
        font-weight:500;
    }

    .close-side-widget a:hover{
        background:#E4C98D;
        color:#08194A;
    }

}

/*==========================================================
03. CHIP ĐÃ CHỌN + CLEAR FILTERS
Áp dụng:
- Chip đang lọc
- Nút Clear Filters
==========================================================*/

.wd-filters-area .wd-selected-filters .wd-chip,
.wd-filters-area .wd-selected-filters .wd-chip a,
.wd-filters-area .wd-selected-filters .wd-chip a span,
.wd-filters-area .wd-clear-filters{

    color:var(--bmb-gold-soft)!important;
    border-color:rgba(220,203,134,.35)!important;

}

.wd-filters-area .wd-selected-filters .wd-chip:hover{

    color:var(--bmb-gold-strong)!important;
    border-color:var(--bmb-gold-strong)!important;

}

.wd-clear-filters,
.wd-clear-filters a,
.wd-clear-filters span{

    color:var(--bmb-gold-strong)!important;

}


/*==========================================================
04. BỘ LỌC GIÁ
Áp dụng:
- Dòng Giá: xxxx - xxxx
==========================================================*/

.widget_price_filter .price_label,
.widget_price_filter .price_label span,
.widget_price_filter .price_label .from,
.widget_price_filter .price_label .to{

    color:var(--bmb-gold-soft)!important;

}


/*==========================================================
05. BỘ LỌC THUỘC TÍNH
Áp dụng:
- Thương hiệu
- Màu sắc
- Chất liệu
- Các thuộc tính khác
==========================================================*/

.widget_layered_nav a{

    color:var(--bmb-gold-soft)!important;

}

.widget_layered_nav li.chosen>a,
.widget_layered_nav .wd-checked>a{

    color:var(--bmb-gold-strong)!important;

}


/*==========================================================
06. CHIP FILTER ĐÃ ÁP DỤNG
Áp dụng:
- Chip sau khi chọn bộ lọc
==========================================================*/

.widget_layered_nav_filters{

    opacity:1!important;
    --color-gray-800:var(--bmb-gold-soft);

}

.widget_layered_nav_filters a{

    display:inline-flex;
    align-items:center;

    padding:6px 10px;

    border-radius:8px;

    background:rgba(255,255,255,.07);

    color:var(--bmb-gold-soft)!important;

    border:1px solid rgba(220,203,134,.35)!important;

    text-decoration:none;

    line-height:1.2;

}

.widget_layered_nav_filters a:hover{

    background:#D4AF37;

    color:#0A1735!important;

}

.widget_layered_nav_filters a::before,
.widget_layered_nav_filters a .remove{

    color:var(--bmb-gold-soft)!important;

}


/*==========================================================
07. CHIP FILTER XUỐNG DÒNG
Áp dụng:
- Khi chọn nhiều bộ lọc
==========================================================*/

.widget_layered_nav_filters ul{

    display:flex!important;

    flex-wrap:wrap!important;

    gap:8px 10px!important;

    justify-content:flex-start;

}

.widget_layered_nav_filters li{

    flex:0 1 auto!important;

    white-space:normal!important;

    margin:0!important;

}


/*==========================================================
08. ICON DẤU X CỦA CHIP
==========================================================*/

.wd-selected-filters .wd-chip:before,
.wd-selected-filters .wd-chip .wd-remove:before{

    color:var(--bmb-gold-strong)!important;

    opacity:1!important;

}
/* nút sắp xếp theo thứ tự trên mobi */
@media (max-width: 768px) {
  .bmb-af select {
    font-size: 13px !important;
    padding: 5px 8px !important;
    height: 32px !important;
    width: 170px !important;
  }
}
/* nút sắp lọc sản phẩm trên mobi */
@media (max-width: 768px) {
  /* Chữ và icon của nút Lọc Sản Phẩm */
  .bmb-show-sidebar,
  .bmb-show-sidebar a,
  .bmb-show-sidebar span,
  .bmb-show-sidebar i {
    color: #E4C98D !important;         /* vàng ánh kim */
    font-weight: 600;                  /* đậm hơn một chút */
  }

  /* Hiệu ứng khi hover hoặc active */
  .bmb-show-sidebar:hover,
  .bmb-show-sidebar:focus {
    color: #F3C94A  !important;         /* vàng sáng hơn khi rê chuột */
    transition: color 0.2s ease;
  }

  /* Nếu muốn thêm viền hoặc biểu tượng vàng nhạt */
  .bmb-show-sidebar {
    border: 1px solid rgba(255, 215, 0, 0.4);
    border-radius: 6px;
    padding: 4px 10px;
  }
}
/* hiển thị viền trong carosel của danh mục sản phẩm con */
.bmb-info-carousel .wd-info-box {
  border: 2px solid #C8A45D;   /* vàng gold thương hiệu */
  border-radius: 16px;
  padding: 10px;
  transition: all 0.3s ease;
}

.bmb-info-carousel .wd-info-box:hover {
  border-color: #FFD700;       /* sáng hơn khi hover */
  box-shadow: 0 0 12px rgba(200,164,93,0.4);
}
/* === Màu chữ cho tiêu đề danh mục sản phẩm === */
.bmb-cat-font .woocommerce-loop-category__title,
.bmb-cat-font .wd-entities-title,
.bmb-cat-font .category-title {
  color: #E4C98D;        /* màu chữ mặc định */
  transition: color 0.3s ease;
}

/* === Màu chữ khi hover === */
.bmb-cat-font a:hover .woocommerce-loop-category__title,
.bmb-cat-font a:hover .wd-entities-title,
.bmb-cat-font a:hover .category-title {
  color: #FFD700;        /* màu chữ khi rê chuột (vàng gold BMB) */
}
/* hiển thị thuộc tính trên trang sản phẩm */
/* WRAP & TIÊU ĐỀ TÍNH NĂNG */
.bc-features-wrap {
    margin-top: 12px;
}

.bc-features-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #FFC850; /* vàng gold BMB */
    margin-bottom: 10px;
}

/* LƯỚI ICON TÍNH NĂNG */
.bc-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: 0 0 20px;
}

.bc-feature-item {
    text-align: center;
}

.bc-feature-item img {
    width: 55px;
    height: 55px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 6px;
}

.bc-feature-item span {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: #FFF09A;
}

/* Item ẩn – JS sẽ điều khiển display */
.bc-feature-item--hidden {}

/* NÚT XEM THÊM / THU GỌN */
.bc-features-toggle {
    grid-column: 1 / -1;
    justify-self: center;
    margin-top: 6px;
    padding: 4px 14px;
    border-radius: 999px;
    background: #FFF09A;
    color: #071022;
    border: none;
    font-size: 13px;
    cursor: pointer;
}

.bc-features-toggle:hover {
    background: transparent;
    color: #FFF09A;
    border: 1px solid #FFF09A;
}

/* MÀU CHỮ CHO CỤM SWATCH (kích thước, màu sắc) */
.wd-swatches-product.wd-swatches-single.wd-bg-style-2.wd-text-style-2,
.wd-swatches-product.wd-swatches-single.wd-bg-style-2.wd-text-style-2 * {
    color: #ffffff !important;   /* chữ trắng cho dễ đọc */
}

/* Nếu muốn chữ đậm hơn một chút */
.wd-swatches-product.wd-swatches-single.wd-bg-style-2.wd-text-style-2 .wd-swatch {
    font-weight: 500;
}
/* ===== KÍCH THƯỚC: PA_KICH-THUOC ===== */

/* Text chung cho tất cả size (đang hơi tối) */
.wd-swatches-product.wd-swatches-single.wd-text-style-2[data-id="pa_kich-thuoc"] 
.wd-swatch.wd-text .wd-swatch-text {
    color: #ffffff !important;  /* chữ trắng */
}

/* Swatch ĐANG CHỌN (wd-active) – viền + nền + chữ nổi bật */
.wd-swatches-product.wd-swatches-single.wd-text-style-2[data-id="pa_kich-thuoc"] 
.wd-swatch.wd-text.wd-active {
    border-color: #FFE082 !important;                 /* viền vàng BMB */
    background-color: rgba(255, 224, 130, 0.15) !important; /* nền vàng nhạt */
}

.wd-swatches-product.wd-swatches-single.wd-text-style-2[data-id="pa_kich-thuoc"] 
.wd-swatch.wd-text.wd-active .wd-swatch-text {
    color: #FFE082 !important;                       /* chữ vàng cho size đang chọn */
}

/* Swatch hết hàng (wd-disabled) – mờ nhưng vẫn nhìn được */
.wd-swatches-product.wd-swatches-single.wd-text-style-2[data-id="pa_kich-thuoc"] 
.wd-swatch.wd-text.wd-disabled .wd-swatch-text {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Hover cho dễ thấy */
.wd-swatches-product.wd-swatches-single.wd-text-style-2[data-id="pa_kich-thuoc"] 
.wd-swatch.wd-text.wd-enabled:hover {
    border-color: #FFE082 !important;
    color: #FFE082 !important;
}
/* Badge phần trăm giảm giá hiển thị qua shortcode */
.single-product .bmb-sale-percent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: #ffb300; /* chỉnh màu theo brand */
    color: #000;
    line-height: 1;
}
/* ===== Frequently Bought Together – chỉ trong block ss-fbt ===== */

/* TẤT CẢ chữ trong cột bên phải (summary) đổi sang trắng để chắc chắn */
.ss-fbt .wd-fbt-summary,
.ss-fbt .wd-fbt-summary * {
    color: #FFE082 !important;
}

/* Giá MỚI (ins) màu vàng nổi bật */
.ss-fbt .wd-fbt-summary ins,
.ss-fbt .wd-fbt-summary ins .woocommerce-Price-amount,
.ss-fbt .wd-fbt-summary ins span {
    color: #ffd700 !important;
    font-weight: 700;
}

/* Giá CŨ (del) xám nhạt */
.ss-fbt .wd-fbt-summary del,
.ss-fbt .wd-fbt-summary del .woocommerce-Price-amount,
.ss-fbt .wd-fbt-summary del span {
    color: #9a9a9a !important;
    opacity: 0.8;
}

/* Tên sản phẩm + text cạnh checkbox (phòng khi không nằm trong summary) */
.ss-fbt label,
.ss-fbt label *,
.ss-fbt .wd-fbt-list a,
.ss-fbt .wd-fbt-list span {
    color: #FFE082 !important;
}
/* Glassmorphism cho cột tổng kết FBT bên phải */
.ss-fbt .wd-fbt-summary {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 18px 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* hỗ trợ Safari */
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35);
}
/* Tổng giá cho 3 items nổi bật hơn */
.ss-fbt .wd-fbt-summary .price {
    font-size: 20px;
    font-weight: 800;
}
/* căn chỉnh bảng thông số kỹ thuật */
/* ===== THÔNG SỐ KỸ THUẬT – layout & style ===== */

/* Khối thông số kỹ thuật đơn giản */
.bmb-specs-simple {
    max-width: 980px;          /* ngang bằng nội dung trang */
    margin: 10px auto 0;       /* canh giữa */
    font-size: 14px;
    line-height: 1.7;
}

/* Đoạn text */
.bmb-specs-simple p {
    margin-bottom: 6px;
}

/* Ảnh thông số dán trong WYSIWYG */
.bmb-specs-simple img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 12px auto;         /* canh giữa ảnh */
    border-radius: 10px;
}
/* Đưa toàn bộ nội dung trong các tab về chung 1 khung giữa trang */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    max-width: 900px;      /* rộng khung nội dung, bạn có thể chỉnh 800–1000 */
    margin: 0 auto;        /* căn giữa */
    padding-left: 10px;
    padding-right: 10px;
}

/* Chữ trong tab mô tả nhìn gọn hơn chút */
.single-product .woocommerce-Tabs-panel--description p {
    margin-bottom: 4px;
    line-height: 1.6;
}
/* đổi màu chữ trong phần đánh giá số sao*/
/* Số điểm trung bình (4) trong khối Customer Reviews */
.single-product .woocommerce-Reviews .wd-rating-summary-main {
    color: #ffdd7a !important;       /* màu vàng bạn muốn */
    font-size: 48px !important;      /* chỉnh kích thước nếu thích */
    font-weight: 800 !important;     /* cho đậm hơn */
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.35); /* nhẹ nhàng nổi chút */
}
/* Box tóm tắt sản phẩm trong popup 3D */
/* Box tóm tắt sản phẩm trong popup 3D */
.bmb-cart-summary {
    background: #020b33;         /* nền xanh đậm */
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 24px;
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.35);
    max-height: 360px;
    overflow-y: auto;
}

.bmb-cart-heading {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px;
    color: #ffd369;              /* vàng chủ đạo của bạn */
}

/* Từng item trong giỏ */
.bmb-cart-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.bmb-cart-item:last-child {
    border-bottom: none;
}

.bmb-cart-thumb img {
    width: 62px;
    height: 62px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.12);
}

.bmb-cart-info {
    flex: 1;
    min-width: 0;
}

.bmb-cart-name {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 4px;
}

.bmb-cart-name:hover {
    color: #ffd369;
}

.bmb-cart-meta {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    opacity: 0.85;
}

.bmb-cart-qty,
.bmb-cart-price {
    white-space: nowrap;
}

/* Tổng tiền */
.bmb-cart-total {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed rgba(255,255,255,0.25);
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
}

.bmb-cart-total-price {
    margin-left: 6px;
    font-weight: 600;
    color: #ffd369;
}

/* Mobile */
@media (max-width: 767px) {
    .bmb-cart-summary {
        padding: 14px 14px;
        max-height: 280px;
    }

    .bmb-cart-thumb img {
        width: 52px;
        height: 52px;
    }

    .bmb-cart-heading {
        font-size: 16px;
    }
}
/* Mỗi lựa chọn sản phẩm trong form 3D trên một dòng */
.bmb-need-products .wpcf7-list-item {
    display: block;
    margin-bottom: 4px;  /* có thể tăng/giảm cho đẹp hơn */
}
/* Giảm viền trắng cho popup 3D trên mobile */
@media (max-width: 767px) {

    /* Thu gọn vùng popup */
    .pum-open .pum-container,
    .wd-promo-popup .mfp-content .container,
    .wd-promo-popup .mfp-content .row {
        padding: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Nội dung popup chiếm full chiều rộng */
    .wd-promo-popup .mfp-content .col-lg-12,
    .wd-promo-popup .mfp-content .popup-content,
    .wd-promo-popup .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Xoá border-radius mặc định của popup */
    .mfp-content .white-popup {
        border-radius: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media (max-width: 768px) {
    .wd-popup {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .wd-popup .wd-popup-inner {
        padding: 0 !important;
        border-radius: 0 !important;
    }
}
/* Thanh 3 nút combo 3D luôn cố định ở đáy màn hình - desktop */
/* ===== Thanh 3 nút combo 3D cố định dưới đáy màn hình ===== */
/* Áp dụng riêng cho trang chi tiết combo – post ID 32311 */
body.postid-32311 .combo3d-sticky-bar {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    background: transparent !important; /* Nền trong suốt */
    padding: 0 !important;
    backdrop-filter: none !important;
}

/* Desktop & tablet: dính sát đáy màn hình */
@media (min-width: 1024px) {
    body.postid-32311 .combo3d-sticky-bar {
        bottom: 0;
    }

    /* chừa khoảng trống dưới nội dung để không bị thanh che mất */
    body.postid-32311 {
        padding-bottom: 80px;
    }
}

/* Mobile: cho thanh 3 nút nằm TRÊN thanh navigation trắng của Woodmart */
@media (max-width: 1023px) {
    body.postid-32311 .combo3d-sticky-bar {
        bottom: 60px;  /* nếu vẫn dính vào thanh trắng thì tăng lên 70–80px */
    }

    /* chừa thêm khoảng trống cuối trang cho mobile */
    body.postid-32311 {
        padding-bottom: 130px;
    }
}
/* ===============================
   BMB FORM 3D – GLOBAL STYLE
   =============================== */

/* Ghi chú nhỏ dưới mỗi input */
.bmb-3d-form .bmb-form-note {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    opacity: 0.8;
    margin-top: 4px;
}

/* Ghi chú cuối form (trên nút gửi) */
.bmb-3d-form .bmb-form-submit-note {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 16px;
    opacity: 0.9;
}

/* Địa chỉ chi tiết – 2 dòng */
.bmb-3d-form .wpcf7-textarea.bmb-address {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 110px;
}

/* Ghi chú thêm – 3 dòng */
.bmb-3d-form textarea[name="extra-note"] {
    height: 100px;
}

/* Checkbox style */
.bmb-3d-form .bmb-need-products label {
    margin-bottom: 6px;
    font-size: 14px;
}

/* ============================
   NÚT GỬI FORM – PHIÊN BẢN LUXURY (DESKTOP)
   ============================ */

.bmb-3d-form .wpcf7-form-control.wpcf7-submit {
    background: #0f3d7a !important;          /* xanh than sáng hơn nền */
    color: #ffffff !important;
    border: 2px solid #f4d27a !important;    /* viền vàng */
    border-radius: 8px !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    font-weight: 600;
    width: auto;                             /* desktop: không full width */
    cursor: pointer;
    transition: 0.25s ease;
    box-shadow: 0 0 12px rgba(244, 210, 122, 0.25);
}

.bmb-3d-form .wpcf7-form-control.wpcf7-submit:hover {
    background: #124893 !important;
    border-color: #ffd980 !important;
    box-shadow: 0 0 16px rgba(255, 217, 128, 0.45);
    transform: translateY(-2px);
}


/* ===============================
   MOBILE (≤ 767px)
   =============================== */
@media (max-width: 767px) {

    /* Thu gọn padding chung */
    .bmb-3d-form {
        padding: 16px 12px 28px;
    }

    /* Khoảng cách giữa các khối */
    .bmb-3d-form p {
        margin-bottom: 12px;
    }

    /* Input gọn – dễ bấm */
    .bmb-3d-form .wpcf7-text,
    .bmb-3d-form .wpcf7-tel,
    .bmb-3d-form .wpcf7-select {
        height: 42px;
        padding: 8px 14px;
        font-size: 14px;
    }

    /* Ghi chú nhỏ */
    .bmb-3d-form .bmb-form-note {
        font-size: 12px;
        line-height: 1.4;
        margin-top: 2px;
    }

    /* Textarea gọn lại */
    .bmb-3d-form .wpcf7-textarea.bmb-address {
        min-height: 70px;
        max-height: 100px;
    }

    .bmb-3d-form textarea[name="extra-note"] {
        min-height: 90px;
    }

    /* Checkbox nhỏ hơn */
    .bmb-3d-form .bmb-need-products label {
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 4px;
    }

    .bmb-3d-form .bmb-need-products input[type="checkbox"] {
        margin-right: 4px;
    }

    /* Ghi chú dưới nút gửi */
    .bmb-3d-form .bmb-form-submit-note {
        font-size: 12px;
        line-height: 1.5;
        margin-top: 8px;
        margin-bottom: 14px;
        text-align: left;
    }

    /* Nút gửi trên MOBILE – full width, không chờm */
    .bmb-3d-form .wpcf7-form-control.wpcf7-submit {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
        border-radius: 28px !important;   /* pill đẹp hơn trên mobile */
        padding: 12px 0 !important;
        font-size: 14px !important;
        margin: 0 auto;
    }
}
/* hiển thị block "Quà tặng & ưu đãi" cho sản phẩm */
.bmb-offers-box {
    padding: 16px 18px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(15, 28, 49, 0.95);
    margin-bottom: 20px;
    color: #fff;
}

.bmb-offers-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ffd75e;
}

.bmb-offers-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.5;
}

.bmb-offer-item + .bmb-offer-item {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed rgba(255,255,255,0.15);
}

.bmb-offer-desc p {
    margin: 2px 0 0 0;
    font-weight: 400;
    font-size: 13px;
    color: #e1e1e1;
}
.bmb-offers-box {
    padding: 16px 18px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(15, 28, 49, 0.95);
    margin-bottom: 20px;
    color: #fff;
}

.bmb-offers-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ffd75e;
}

.bmb-offer-group + .bmb-offer-group {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed rgba(255,255,255,0.2);
}

.bmb-offer-group-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}

.bmb-offer-group-list {
    margin: 0;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.5;
}
.bmb-offers-deadline {
    font-size: 13px;
    color: #ffd75e;
    margin-bottom: 6px;
    opacity: 0.9;
}
.bmb-offers-note {
    margin-top: 8px;
    padding-left: 2px;
    font-size: 12px;
    opacity: 0.75;
    font-style: italic;
    color: #ffffffc7; /* màu trắng mờ cho nền dark */
}
/* Khung quà tặng dưới tên sản phẩm trong giỏ hàng */
/* Khung quà tặng dưới tên sản phẩm trong giỏ hàng */
.bmb-cart-gifts {
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);          /* nền tối nhẹ, hợp nền hiện tại */
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 12px;
    line-height: 1.5;
}

/* Tiêu đề "Quà tặng kèm theo" */
.bmb-cart-gifts-title {
    font-weight: 600;
    opacity: 0.9;
    margin-bottom: 4px;
}

/* Tên nhóm ưu đãi (Gói ưu đãi bồn cầu thông minh VIP...) */
.bmb-cart-gift-group-name {
    font-weight: 600;
    margin: 4px 0 2px;
}

/* Danh sách quà trong từng nhóm */
.bmb-cart-gift-list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

/* Từng dòng quà tặng */
.bmb-cart-gift-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 3px 0;
}

/* Ảnh quà tặng nhỏ */
.bmb-cart-gift-thumb img {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Text quà tặng */
.bmb-cart-gift-text {
    display: inline-block;
}

/* Mobile: text nhỏ hơn chút cho đỡ chật */
@media (max-width: 767px) {
    .bmb-cart-gifts {
        font-size: 11px;
        padding: 6px 8px;
    }

    .bmb-cart-gift-thumb img {
        width: 36px;
        height: 36px;
    }
}

/* Ẩn chữ "Bạn có mã ưu đãi?" nhưng giữ lại link */
.woocommerce-form-coupon-toggle .woocommerce-info{
    font-size: 0 !important;        /* Ẩn mọi text trực tiếp trong div */
}

/* Hiện lại link "Ấn vào để nhập mã giảm giá (nếu có)" */
.woocommerce-form-coupon-toggle .woocommerce-info a{
    font-size: 14px !important;     /* Cỡ chữ thật để hiển thị link */
    color: #f7d06b !important;      /* Màu chữ link – đổi theo brand của bạn */
    font-weight: 600;
    text-shadow: none !important;   /* Cho chắc, không bị bóng mờ */
}
/* ẩn thông tin thanh toán khi nhận hàng trên trang thanh toán */
.ss-payment .wc_payment_method .payment_box {
    display: none !important;
}
.ss-payment .wc_payment_methods,
.ss-payment .wc_payment_method,
.ss-payment .payment_methods {
    display: none !important;
}
.ss-payment .wc_payment_method label {
    display: none !important;
}
.ss-payment {
    padding-top: 0 !important;
    margin-top: 10px !important;
}
/* Thu nhỏ & làm dịu phần quà tặng trong TRANG THANH TOÁN */
.woocommerce-checkout .bmb-checkout-gifts {
    margin-top: 4px;
    font-size: 13px !important;
    line-height: 1.35;
    color: #dcdcdc;      /* chữ nhạt hơn để đỡ rối */
}

/* Tiêu đề "Quà tặng & ưu đãi kèm theo" */
.woocommerce-checkout .bmb-checkout-gifts strong,
.woocommerce-checkout .bmb-checkout-gifts-title {
    font-weight: 500;
    font-size: 13px !important;
    color: #ffcc86;      /* hơi nổi một chút nhưng vẫn nhẹ */
}

/* Các dòng bullet quà tặng */
.woocommerce-checkout .bmb-checkout-gifts ul,
.woocommerce-checkout .bmb-checkout-gifts li,
.woocommerce-checkout .bmb-checkout-gifts-list li {
    margin: 0 0 2px;
    padding: 0;
    font-size: 13px !important;
    line-height: 1.35;
}
/* =========================
   BMB Combo – comboNapRua
   Desktop: chip gọn, wrap
   Mobile: kéo ngang
========================= */

.bmb-combo-scope.comboNapRua .bmb-combo-variants{
  width:100%;
  max-width:100%;
  margin:12px 0 16px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(5,11,38,.42);
  border:1px solid rgba(255,255,255,.10);
  box-sizing:border-box;
}

.bmb-combo-scope.comboNapRua .bmb-combo-title{
  margin:0 0 8px;
  font-size:11.5px;
  font-weight:650;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#f6c453;
}

/* LIST */
.bmb-combo-scope.comboNapRua .bmb-combo-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px 8px;
  align-items:stretch;
}

/* ITEM */
.bmb-combo-scope.comboNapRua a.bmb-combo-item{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  padding:6px 10px 5px 26px;
  border-radius:10px;
  background:transparent;
  border:1px solid rgba(255,255,255,.16);
  text-decoration:none;
  line-height:1.2;
  min-width:168px;
  box-sizing:border-box;
  transition:border-color .18s ease,
             background .18s ease,
             transform .18s ease;
}

.bmb-combo-scope.comboNapRua .bmb-combo-label{
  font-size:11.5px;
  font-weight:650;
  color:rgba(255,255,255,.92);
  margin:0 0 2px;
}

.bmb-combo-scope.comboNapRua .bmb-combo-price{
  font-size:10px;
  font-weight:600;
  color:rgba(255,255,255,.72);
  margin:0;
}

/* Hover */
.bmb-combo-scope.comboNapRua a.bmb-combo-item:hover{
  border-color:rgba(246,196,83,.55);
  transform:translateY(-1px);
}

/* Current */
.bmb-combo-scope.comboNapRua a.bmb-combo-item.is-current{
  background:rgba(246,196,83,.08);
  border-color:rgba(246,196,83,.75);
}

.bmb-combo-scope.comboNapRua
a.bmb-combo-item.is-current::before{
  content:"✓";
  position:absolute;
  left:8px;
  top:50%;
  transform:translateY(-50%);
  font-size:13px;
  font-weight:800;
  color:#0fb981;
}

/* ================= MOBILE ================= */
@media (max-width:767px){

  .bmb-combo-scope.comboNapRua .bmb-combo-variants{
    padding:9px 10px;
  }

  .bmb-combo-scope.comboNapRua .bmb-combo-list{
    flex-wrap:nowrap;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:4px;
  }

  .bmb-combo-scope.comboNapRua .bmb-combo-list::-webkit-scrollbar{
    display:none;
  }

  .bmb-combo-scope.comboNapRua a.bmb-combo-item{
    flex:0 0 auto;
    min-width:150px;
    scroll-snap-align:start;
  }

  .bmb-combo-scope.comboNapRua .bmb-combo-label{
    font-size:11.2px;
  }

  .bmb-combo-scope.comboNapRua .bmb-combo-price{
    font-size:9.8px;
  }
}

/* ================= PAGINATION ================= */

.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers li a{
  color:#ffffff!important;
  opacity:1!important;
}

.woocommerce-pagination .page-numbers a:hover{
  color:#ffffff!important;
}

.woocommerce-pagination .page-numbers .current,
.woocommerce-pagination .page-numbers li span.current{
  color:#0b1a3a!important;
  background:#f2c14b!important;
  border-color:#f2c14b!important;
  opacity:1!important;
}

.woocommerce-pagination .page-numbers a.prev,
.woocommerce-pagination .page-numbers a.next{
  color:#ffffff!important;
  opacity:1!important;
}

/* ================= PRODUCT TABS ================= */

.bmb-product-tabs{
  width:100%;
}

/* Tabs nav */
.bmb-product-tabs .woocommerce-tabs ul.tabs{
  display:flex;
  gap:10px;
  list-style:none;
  padding:12px 6px 0;
}

@media (min-width:769px){
  .bmb-product-tabs .woocommerce-tabs ul.tabs{
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:18px;
  }
}

@media (max-width:768px){
  .bmb-product-tabs .woocommerce-tabs ul.tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    margin-bottom:16px;
  }
}

.bmb-product-tabs .woocommerce-tabs ul.tabs li{
  margin:0;
  flex:0 0 auto;
}

.bmb-product-tabs .woocommerce-tabs ul.tabs li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  min-height:40px;
  white-space:nowrap;
  border-radius:14px;
  line-height:1;
}

/* Panels */
.bmb-product-tabs .woocommerce-Tabs-panel{
  display:block;
  width:100%;
  max-width:900px;
  margin:0 auto;
  clear:both;
}

@media (min-width:769px){
  .bmb-product-tabs .woocommerce-Tabs-panel{
    padding:0 12px;
  }
}

@media (max-width:768px){
  .bmb-product-tabs .woocommerce-Tabs-panel{
    max-width:100%;
    padding:0 10px;
  }
}

.bmb-product-tabs
.woocommerce-Tabs-panel--description p{
  margin-bottom:6px;
  line-height:1.65;
}

/* Mobile Quick Menu
 * * ==========================================
 Thanh menu hiển thị trên điển thoại
========================================== * */
@media (max-width:767px){

.whb-header-bottom{
    background:#081b3a !important;
    border:none !important;
    min-height:auto !important;
}

.whb-header-bottom .container{
    padding:0 !important;
}

.whb-header-bottom .wd-header-html{
    width:100%;
    margin:0 !important;
}

}
/* ================= DESCRIPTION IMAGES chỉnh sửa khoảng cách ảnh trong mô tả================= */

/* Xóa khoảng trắng của figure và caption */
.bmb-product-tabs
.woocommerce-Tabs-panel--description figure,
.bmb-product-tabs
.woocommerce-Tabs-panel--description .wp-caption{
    margin:0 !important;
    padding:0 !important;
}

/* Ảnh hiển thị liền mạch */
.bmb-product-tabs
.woocommerce-Tabs-panel--description img{
    display:block;
    width:100%;
    height:auto;
    margin:0 !important;
    padding:0 !important;
    border:0;
}

/* Nếu WordPress chèn BR sau ảnh */
.bmb-product-tabs
.woocommerce-Tabs-panel--description img + br{
    display:none;
}

/* Xóa p rỗng mà WordPress tự sinh */
.bmb-product-tabs
.woocommerce-Tabs-panel--description p:empty{
    display:none;
}
/* ================= ACCORDION SCROLL ================= */

.bmb-accordion-scroll .elementor-accordion-content{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y!important;
}

.bmb-accordion-scroll table{
  min-width:900px;
}

.bmb-accordion-scroll .elementor-tab-content{
  pointer-events:auto!important;
}

@media (max-width:768px){
  .bmb-accordion-scroll .elementor-accordion-content{
    touch-action:pan-x!important;
  }
}

.elementor-accordion *{
  touch-action:manipulation!important;
}
/* ===== ZALO ICON RUNG NHẸ ===== */

.zalo-shake{
  animation: zaloShake 1.8s infinite;
}

@keyframes zaloShake{
  0%   { transform: translateX(0); }
  10%  { transform: translateX(-2px); }
  20%  { transform: translateX(2px); }
  30%  { transform: translateX(-2px); }
  40%  { transform: translateX(2px); }
  50%  { transform: translateX(0); }
  100% { transform: translateX(0); }
}


/* ===== NÚT PHỒNG TO – THU NHỎ (PULSE) ===== */

.cta-pulse{
  animation: pulseScale 1.6s infinite;
}

.cta-pulse.delay{
  animation-delay: 0.8s;
}

@keyframes pulseScale{
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}


/* ===== NÚT SẮP XẾP TRÊN MOBILE ===== */

@media (max-width:768px){
  .bmb-af select{
    font-size:13px!important;
    padding:5px 8px!important;
    height:32px!important;
    width:170px!important;
  }
}
/* ==========================================
   BMB HOME - PRODUCT DESCRIPTION
   Chỉ xử lý ảnh trong mô tả sản phẩm
========================================== */

/* Bỏ khoảng trắng của figure */
.bmb-product-desc figure{
    margin:0 !important;
    padding:0 !important;
}

/* Chỉ xử lý ảnh */
.bmb-product-desc img{
    display:block;
    width:100%;
    height:auto;
    margin:0 !important;
    padding:0 !important;
    border:0;
}

/* Nếu ảnh nằm trong figure */
.bmb-product-desc figure img{
    display:block;
}

/* Không cho caption tạo khoảng trắng */
.bmb-product-desc .wp-caption{
    margin:0 !important;
    padding:0 !important;
}

.bmb-product-desc .wp-caption-text{
    margin:0;
    padding:0;
}

/* Chỉ xóa BR ngay sau ảnh */
.bmb-product-desc img + br{
    display:none;
}
/* căn chỉnh bảng thông số kỹ thuật */
/* ===== THÔNG SỐ KỸ THUẬT – layout & style ===== */

/* Khối thông số kỹ thuật đơn giản */
.bmb-specs-simple {
    max-width: 980px;          /* ngang bằng nội dung trang */
    margin: 10px auto 0;       /* canh giữa */
    font-size: 14px;
    line-height: 1.7;
}

/* Đoạn text */
.bmb-specs-simple p {
    margin-bottom: 6px;
}

/* Ảnh thông số dán trong WYSIWYG */
.bmb-specs-simple img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 12px auto;         /* canh giữa ảnh */
    border-radius: 10px;
}
/* Đưa toàn bộ nội dung trong các tab về chung 1 khung giữa trang */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    max-width: 900px;      /* rộng khung nội dung, bạn có thể chỉnh 800–1000 */
    margin: 0 auto;        /* căn giữa */
    padding-left: 10px;
    padding-right: 10px;
}

/* Chữ trong tab mô tả nhìn gọn hơn chút */
.single-product .woocommerce-Tabs-panel--description p {
    margin-bottom: 4px;
    line-height: 1.6;
}