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

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

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

:root {
	--wd-text-font: "Be Vietnam Pro", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(235,164,40);
	--wd-alternative-color: rgb(195,185,224);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(235,164,40);
	--btn-accented-bgcolor-hover: rgb(235,164,40);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--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://banhkemhannie.com/wp-content/uploads/2026/05/nen-shop1.jpg);
	background-repeat: repeat-y;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-image: url(https://banhkemhannie.com/wp-content/uploads/2023/11/100C1C1.jpg);
	background-repeat: repeat-y;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: url(https://banhkemhannie.com/wp-content/uploads/2023/11/100C1C1.jpg);
	background-repeat: repeat-y;
	background-size: cover;
}
html .wd-nav.wd-nav-main > li > a {
	font-size: 11px;
}
.page .wd-page-content {
	background-color: rgba(16,12,28,0);
	background-image: url(https://banhkemhannie.com/wp-content/uploads/2023/11/100C1C1.jpg);
	background-repeat: repeat-y;
	background-size: cover;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(28,24,43);
	background-image: url(https://banhkemhannie.com/wp-content/uploads/2026/05/nen-san-pham1.png);
	background-repeat: repeat-y;
	background-size: cover;
}
.single-product .wd-page-content {
	background-color: rgb(28,24,43);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-image: url(https://banhkemhannie.com/wp-content/uploads/2023/11/100C1C1.jpg);
	background-repeat: repeat-y;
	background-size: cover;
}
.single-post .wd-page-content {
	background-image: url(https://banhkemhannie.com/wp-content/uploads/2023/11/100C1C1.jpg);
	background-repeat: repeat-y;
	background-size: cover;
}
.woodmart-archive-portfolio .wd-page-content {
	background-image: url(https://banhkemhannie.com/wp-content/uploads/2023/11/100C1C1.jpg);
	background-repeat: repeat-y;
	background-size: cover;
}
.single-portfolio .wd-page-content {
	background-image: url(https://banhkemhannie.com/wp-content/uploads/2023/11/100C1C1.jpg);
	background-repeat: repeat-y;
	background-size: cover;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

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

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


.form-row-first,.form-row-last {
    width: 100%!important;
}
.wd-header-html {
    width: 100%;
}
button.sw-popup-close {
    display: none;
}
/* =======================================================
   REMAKE GIAO DIỆN "VÒM CUNG" - ẢNH VUÔNG "LÒI" RA NGOÀI
   ======================================================= */

/* 1. TỔNG THỂ BOX: Tạo vòm, thêm ảnh nền SHOP1 */
.product, .woodmart-product-card, .product-grid-item {
  border-radius: 120px 120px 20px 20px !important; /* Vòm cung ở đỉnh, vuông ở đáy */
  background-image: url('https://banhkemhannie.com/wp-content/uploads/2026/05/nen-shop1.jpg') !important; /* Nền ảnh shop1 */
  background-size: cover !important;
  background-position: center bottom !important;
  border: none !important; 
  box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
  display: block !important;
  overflow: visible !important; /* Quan trọng: Cho phép nội dung "lòi" ra ngoài */
  margin-top: 20px !important; /* Tạo khoảng trống ở trên để ảnh "lòi" lên */
}

/* 2. ÉP HÌNH ẢNH TRỞ LẠI HÌNH VUÔNG VÀ LÒI RA NGOÀI */
.product-element-top {
  width: calc(100% + 2px) !important; /* Chiều ngang bằng thẻ + 2px để phủ kín viền nếu có */
  margin: -20px -1px 15px !important; /* margin-top âm để "lòi" lên, margin-left âm để khớp chiều ngang */
  border-radius: 0px !important; /* XÓA BỎ bo tròn, ép về hình vuông */
  overflow: hidden !important;
  aspect-ratio: 1/1 !important; /* Ép tỷ lệ vuông chuẩn */
  background: transparent !important;
}

.product-element-top img, .product-image-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0px !important; /* Xóa bỏ bo tròn của ảnh */
}

/* 3. KHUNG NỘI DUNG (Chữ & Nút) */
.product-element-bottom {
  position: relative !important;
  padding: 0 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important; 
}

/* 4. TÊN BÁNH: Khóa chết khoảng trống bên phải cho nút bấm */
.woocommerce-loop-product__title, .product-title, .wd-entities-title, .wd-entities-title a {
  text-align: left !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding-right: 48px !important; /* Chừa 48px bên phải để tống nút vào, chữ tự động rớt dòng không bao giờ đè */
  max-width: 100% !important;
  margin-bottom: 8px !important;
  min-height: 46px !important;
  display: block !important; /* Bỏ flex để rớt dòng tự nhiên */
  color: var(--gold) !important;
}

/* 5. GIÁ TIỀN */
.product .price, span.price {
  text-align: left !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: var(--text-white) !important;
}

/* 6. NÚT MUA HÀNG TRÒN NỔI */
.wd-add-btn, .woodmart-add-btn {
  position: absolute !important;
  top: 0 !important; /* Đặt ngang hàng với dòng đầu tiên của tên bánh */
  right: 10px !important; /* Nằm gọn trong vùng 48px đã chừa ở trên */
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
}

.add_to_cart_button, .woodmart-add-btn > a {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  padding: 0 !important;
  font-size: 0 !important; /* Ẩn chữ */
  color: transparent !important;
  line-height: 0 !important;
  background-color: var(--gold) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23100C1C'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-1.45-5c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.37-.66-.11-1.48-.87-1.48H5.21l-.94-2H1v2h2l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px !important;
  display: block !important;
  box-shadow: 0 4px 15px rgba(235, 164, 40, 0.4) !important;
}

/* Xóa vĩnh viễn cái thẻ chữ phiền phức của theme */
.add-to-cart-loop span { display: none !important; }

/* =======================================================
   TỐI ƯU CỰC NÉT CHO ĐIỆN THOẠI (MOBILE)
   ======================================================= */
@media (max-width: 767px) {
  .product, .woodmart-product-card {
    border-radius: 90px 90px 15px 15px !important; /* Vòm đỉnh tròn hơn cho điện thoại */
    padding: 10px 6px 15px 6px !important;
    margin-top: 15px !important; /* Giảm margin-top trên mobile */
  }

  .product-element-top {
    margin: -15px -1px 10px !important; /* margin-top âm trên mobile */
  }
  
  .woocommerce-loop-product__title, .wd-entities-title {
    font-size: 0.9rem !important;
    padding-right: 42px !important; /* Chừa 42px trên mobile */
    min-height: 40px !important;
  }
  
  .wd-add-btn, .woodmart-add-btn {
    right: 6px !important; 
    width: 36px !important;
    height: 36px !important;
  }
  
  .add_to_cart_button { background-size: 18px !important; }
}@media (min-width: 1025px) {
	.sw-popup-info {
    padding: 0 5px;
}
}