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

:root {
	--wd-text-font: Tahoma,Geneva, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: Tahoma,Geneva, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: Tahoma,Geneva, 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: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: Tahoma,Geneva, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: Tahoma,Geneva, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(253,70,128);
	--wd-alternative-color: rgb(253,70,128);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(253,70,128);
	--btn-accented-bgcolor-hover: rgb(192,17,87);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
:is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.shop-content-area.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(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://chaophuochoa.com/wp-content/uploads/2021/08/sweets-bakery-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(153,214,233);
	background-image: url(https://chaophuochoa.com/wp-content/uploads/2021/08/sweet-bakery-page-title.jpg);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(244,248,251);
	background-image: none;
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .main-page-wrapper .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 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 24px;
}
.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: 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) {
[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);
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Tahoma, Geneva, sans-serif !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Tahoma, Geneva, sans-serif !important;
}

@font-face {
	font-family: "Jost";
	src: url("//chaophuochoa.com/wp-content/uploads/2021/08/Jost-400-Book.woff2") format("woff2"), 
url("//chaophuochoa.com/wp-content/uploads/2021/08/Jost-Book.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Jost";
	src: url("//chaophuochoa.com/wp-content/uploads/2021/08/Jost-500-Medium.woff2") format("woff2"), 
url("//chaophuochoa.com/wp-content/uploads/2021/08/Jost-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Jost";
	src: url("//chaophuochoa.com/wp-content/uploads/2021/08/jost-600-semi.woff2") format("woff2"), 
url("//chaophuochoa.com/wp-content/uploads/2021/08/jost-600-semi.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* GIỮ NGUYÊN BỐ CỤC CŨ CỦA BẠN */
.bh-fixed-header { position: absolute !important; top: 0; left: 0; width: 100%; z-index: 9999; background: transparent !important; }
.bh-fixed-header.is-sticky { position: fixed !important; background: #ffffff !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.bh-main-wrapper { max-width: 1300px; margin: 0 auto; position: relative; }
.bh-top-row { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; height: 70px; }
.bh-logo-overlap { position: absolute; left: 50%; top: 5px; transform: translateX(-50%); z-index: 100; }
.bh-logo-overlap img { height: 110px !important; }
.bh-nav-row { display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 0 20px; border-top: 1px solid rgba(0,0,0,0.05); }
.bh-nav-left, .bh-nav-right { flex: 1; display: flex; align-items: center; }
.bh-nav-right { justify-content: flex-end; }
.bh-spacer-center { width: 220px; }
.bh-nav-row a { text-decoration: none; color: #222 !important; font-weight: 700; font-size: 14px; padding: 0 12px; }
.bh-nav-row span { color: #ccc; }

/* FIX NÚT GIỎ HÀNG ĐẸP */
.bh-custom-cart {
    background: #7a1414 !important; /* Màu đỏ đô sang trọng */
    color: #fff !important;
    padding: 6px 15px !important;
    border-radius: 4px !important;
    margin-left: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
}
.bh-custom-cart:hover { background: #a02020 !important; }
.cart-icon { font-size: 16px; margin-right: 8px; }
.cart-label { font-size: 13px; font-weight: 700; }

/* Số lượng sản phẩm (Badge) */
.bh-count-badge {
    position: absolute;
    top: -10px;
    left: 8px;
    background: #ffa500 !important; /* Màu cam nổi bật */
    color: #fff !important;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    font-weight: bold;
}

/* Menu con */
.has-sub { position: relative; }
.bh-sub-menu {
    position: absolute; top: 100%; left: 0; width: 200px; background: #f4eee0;
    border-top: 2px solid #a02020; visibility: hidden; opacity: 0; transition: 0.3s; z-index: 999;
}
.has-sub:hover .bh-sub-menu { visibility: visible; opacity: 1; }
.bh-sub-menu a { display: block; padding: 10px 15px; border-bottom: 1px solid rgba(0,0,0,0.05); }


/*font*/
@font-face {
    font-family: 'iCiel-Rukola';
    src: url('https://chaophuochoa.com/wp-content/themes/woodmart/fonts/iCiel-Rukola.otf') format('woff2'),
         url('https://chaophuochoa.com/wp-content/themes/woodmart/fonts/iCiel-Rukola.otf') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Gọi trực tiếp vào thẻ h2 hoặc thẻ strong bên trong class đó */
.tieu-de-rukola p strong, 
.tieu-de-rukola p {
    font-family: 'iCiel-Rukola', cursive !important;
    font-size: 52px !important; /* Tăng size để nét thanh đậm hiện rõ hơn */
    color: #8b1c1c !important; /* Màu đỏ đô giống ảnh mẫu */
    font-weight: 400 !important; /* Font script không nên để 500 hay bold */
    text-transform: none !important; /* CỰC KỲ QUAN TRỌNG: Để chữ thường mới ra nét viết tay */
    letter-spacing: 0px !important; /* Không để khoảng cách giữa các chữ cái */
    line-height: 1.2 !important;
    display: block;
}
.tieu-de-rukola1 p strong, 
.tieu-de-rukola1 p {
    font-family: 'iCiel-Rukola', cursive !important;
    font-size: 52px !important; /* Tăng size để nét thanh đậm hiện rõ hơn */
    color: #fbe8a6 !important; /* Màu đỏ đô giống ảnh mẫu */
    font-weight: 400 !important; /* Font script không nên để 500 hay bold */
    text-transform: none !important; /* CỰC KỲ QUAN TRỌNG: Để chữ thường mới ra nét viết tay */
    letter-spacing: 0px !important; /* Không để khoảng cách giữa các chữ cái */
    line-height: 1.2 !important;
    display: block;
}
.tieu-de-rukola2 p strong, 
.tieu-de-rukola2 p {
  font-size: 32px;
    font-family: 'iCiel-Rukola';
    font-weight: 500;
    color: #ecdeb9;
}

/*blog trang chủ*/
/* Chỉnh cỡ chữ tiêu đề nhỏ lại cho blog ngoài trang chủ */
.wd-entities-title a, 
.post-title a, 
.entry-title a {
	font-family:'tahoma';
    font-size: 14px !important; 
    font-weight: 600 !important;
    text-transform: none !important; /* Giữ chữ thường, không bị ép viết HOA hết */
}

/* 1. Ẩn dòng ngày tháng trong tất cả các layout blog của Woodmart */
/* Ẩn ngày tháng dựa trên class chính xác từ Inspect của bạn */
.wd-meta-date, 
.wd-post-entry-meta .wd-meta-date,
.post-date-container,
.wd-modified-date {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Xóa khoảng trống thừa để tiêu đề sát lên trên cho đẹp */
.wd-post-entry-meta {
    display: none !important;
}

/*góc bếp*/
/* 1. Căn chỉnh khung chứa tiêu đề đè lên ảnh */
.goc-bep-custom .wd-posts-mask .wd-post-header {
    background-color: rgba(139, 34, 34, 0.85) !important;
    padding: 10px 15px !important;
    border-radius: 5px;
    margin: 0 15px 15px 15px !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

/* 2. Chỉnh chữ tiêu đề trắng và căn giữa */
.goc-bep-custom .wd-posts-mask .entry-title a {
    color: #ffffff !important;
    font-size: 15px !important;
    text-align: center;
    display: block;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none; /* Giữ nguyên chữ hoa thường */
}

/* 3. Ẩn cái ô ngày tháng (06 TH4) màu trắng bay lơ lửng */
.goc-bep-custom .wd-post-date {
    display: none !important;
}

/* 4. Bo góc cho toàn bộ khung bài viết */
.goc-bep-custom .article-inner {
    border-radius: 15px !important;
    overflow: hidden;
    position: relative;
}

/* 5. Ẩn các thông tin thừa khác */
.goc-bep-custom .wd-post-meta, 
.goc-bep-custom .wd-post-exerpt {
    display: none !important;
}
/* 1. Thiết lập trạng thái mặc định của khung bài viết */
.goc-bep-custom .article-inner {
    border: 2px solid transparent !important; /* Tạo viền sẵn nhưng trong suốt */
    transition: all 0.4s ease !important; /* Giúp hiệu ứng mượt mà hơn */
}

/* 2. Hiệu ứng khi Hover (Di chuột vào) */
.goc-bep-custom .article-inner:hover {
    border-color: #8b2222 !important; /* Màu đỏ đô giống dải tiêu đề của bạn */
    box-shadow: 0 5px 15px rgba(139, 34, 34, 0.3) !important; /* Thêm chút bóng đổ đỏ nhẹ cho chuyên nghiệp */
    transform: translateY(-5px); /* Làm khung bài viết hơi nhích lên một chút */
}

/* 3. Phóng to ảnh nhẹ khi hover (Tùy chọn thêm để web sinh động) */
.goc-bep-custom .article-inner:hover img {
    transform: scale(1.08) !important;
    transition: all 0.6s ease !important;
}
/* ===================================================== */
/* FOOTER CHAO PHƯỚC HÒA - FINAL CLEAN VERSION */
/* ===================================================== */

/* ========================= */
/* BACKGROUND */
/* ========================= */

.footer-container {

    background: #417505;

    padding-top: 40px;
    padding-bottom: 20px;

    color: #ffffff;

}


/* ========================= */
/* TIÊU ĐỀ */
/* ========================= */

.ph-footer-title,
.ph-company-name {

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    color: #f5e6a3;

    letter-spacing: 0.5px;

    margin-bottom: 15px;

    line-height: 1.4;

}
/* ========================= */
/* TÊN CÔNG TY KHÔNG XUỐNG DÒNG */
/* ========================= */

.ph-company-name {

    white-space: nowrap;

}

.ph-company-name {

    font-size: 14px;

}


/* ========================= */
/* DANH SÁCH */
/* ========================= */

.ph-footer-list,
.ph-footer-menu,
.ph-footer-info {

    list-style: none;

    padding: 0;
    margin: 0;

}

.ph-footer-list li,
.ph-footer-menu li,
.ph-footer-info li {

    margin-bottom: 8px;

    font-size: 14px;

    line-height: 1.5;

}


/* ========================= */
/* LINK */
/* ========================= */

.ph-footer-menu a {

    color: #ffffff;

    text-decoration: none;

    transition: all 0.25s ease;

}

.ph-footer-menu a:hover {

    color: #ffd54f;

    padding-left: 6px;

}


/* ===================================================== */
/* LAYOUT 4 CỘT - ĐÚNG SELECTOR THEO HTML */
/* ===================================================== */

/* Row chứa 4 cột */

.footer-container .vc_row.vc_inner {

    display: flex;

    align-items: stretch;

}


/* Column */

.footer-container .vc_row.vc_inner .vc_column_container {

    display: flex;

}


/* Inner */

.footer-container .vc_row.vc_inner .vc_column-inner {

    display: flex;

    flex-direction: column;

    height: 100%;

}


/* Box */

.ph-footer-box {

    display: flex;

    flex-direction: column;

    height: 100%;

}


/* ===================================================== */
/* TỶ LỆ CỘT */
/* ===================================================== */

/* Cột 1 lớn */

.footer-container .vc_row.vc_inner .vc_column_container:nth-child(1) {

    flex: 0 0 40%;

    max-width: 40%;

}


/* Cột 2 */

.footer-container .vc_row.vc_inner .vc_column_container:nth-child(2) {

    flex: 0 0 20%;

    max-width: 20%;

}


/* Cột 3 */

.footer-container .vc_row.vc_inner .vc_column_container:nth-child(3) {

    flex: 0 0 20%;

    max-width: 20%;

}


/* Cột 4 */

.footer-container .vc_row.vc_inner .vc_column_container:nth-child(4) {

    flex: 0 0 20%;

    max-width: 20%;

}


/* ========================= */
/* MAP LUÔN Ở DƯỚI */
/* ========================= */

.ph-footer-map {

    margin-top: auto;

}

.ph-footer-map iframe {

    width: 100%;

    height: 150px;

    border-radius: 6px;

}


/* ========================= */
/* LOGO BỘ CÔNG THƯƠNG */
/* ========================= */

.ph-footer-cert img {

    max-width: 150px;

    margin-top: 10px;

}


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

@media (max-width: 768px) {

    .footer-container .vc_row.vc_inner {

        flex-direction: column;

    }

    .footer-container .vc_row.vc_inner .vc_column_container {

        flex: 100%;

        max-width: 100%;

    }

    .ph-footer-map iframe {

        height: 180px;

    }

}
/* ===================================================== */
/* FIX MOBILE FOOTER - CHAOPHUOCHOA */
/* ===================================================== */

@media (max-width: 768px) {

    /* Cho row chạy dọc */

    .footer-container .vc_row,
    .footer-container .vc_row.vc_inner,
    .wd-footer .vc_row {

        display: block !important;

    }

    /* Cột full width */

    .footer-container .vc_column_container,
    .wd-footer .vc_column_container {

        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;

        padding-left: 0;
        padding-right: 0;

    }

    /* Tiêu đề không bị xuống từng chữ */

    .ph-footer-title,
    .ph-company-name {

        white-space: normal !important;
        word-break: keep-all;
        font-size: 14px;

    }

    /* List dễ đọc hơn */

    .ph-footer-list li,
    .ph-footer-menu li,
    .ph-footer-info li {

        font-size: 15px;
        line-height: 1.6;

    }

/* ===================================================== */
/* FIX GOOGLE MAP FOOTER MOBILE */
/* ===================================================== */

.ph-footer-map {

    width: 100%;
    margin-top: 15px;

}

/* QUAN TRỌNG: ép iframe hiển thị */

.ph-footer-map iframe {

    display: block;

    width: 100% !important;

    height: 220px !important;

    min-height: 220px;

    border: 0;

}

/* FIX riêng cho mobile */

@media (max-width: 768px) {

    .ph-footer-map {

        height: auto !important;

        overflow: hidden;

    }

    .ph-footer-map iframe {

        height: 240px !important;

    }

}

}

/*giới thiệu text*/
.gioithieu span {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 13pt;
	  color: #fff !important;
}
/*trang sp*/

.vc_btn3,
.btn,
.wd-button-wrapper a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/*bỏ gạch thẻ a*/
a {
    text-decoration: none !important;
}

.my-banner-slider .wd-slider,
.my-banner-slider .wd-slider-wrap {
    height: 380px !important;
}

@media (max-width: 1024px) {
    .my-banner-slider .wd-slider,
    .my-banner-slider .wd-slider-wrap {
        height: 320px !important;
    }
}

@media (max-width: 767px) {
    .my-banner-slider .wd-slider,
    .my-banner-slider .wd-slider-wrap {
        height: 280px !important;
    }
}
/*khoảng trắng cuối*/
.site-content {
    margin-bottom: 0px;
}
/*tab sản phẩm trang chủ*/
/* ===== CANH GIỮA TOÀN BỘ ===== */
.custom-chao-tabs .wd-tabs-header {
    display: flex;
    justify-content: center;
}

.custom-chao-tabs .wd-nav-wrapper {
    width: fit-content;
}

.custom-chao-tabs .wd-nav-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
}

/* ===== TAB ===== */
.custom-chao-tabs .wd-nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    background: transparent;
    transition: all 0.25s ease;
}

/* ===== ICON RÕ LẠI ===== */
.custom-chao-tabs .img-wrapper img {
    width: 24px;
    height: 24px;
    opacity: 1; /* bỏ làm mờ */
}

/* ===== TEXT ===== */
.custom-chao-tabs .tab-label {
    color: #5c3d2e;
    font-weight: 600;
}

/* ===== HOVER ===== */
.custom-chao-tabs .wd-nav-link:hover {
    background: rgba(198,139,89,0.15);
}

/* ===== ACTIVE ===== */
.custom-chao-tabs li.wd-active .wd-nav-link {
    background: #c68b59;
}

/* chữ active */
.custom-chao-tabs li.wd-active .tab-label {
    color: #fff;
}

/* icon active */
.custom-chao-tabs li.wd-active img {
    filter: brightness(0) invert(1);
}
/* Fix riêng banner */
.banner-home {
    margin-bottom: 0 !important;
}

.banner-home .vc_column-inner {
    padding-bottom: 0 !important;
}

.banner-home .wpb_single_image {
    margin-bottom: 0 !important;
}

.banner-home img {
    display: block;
}
/*xoá mã giảm*/
.woocommerce-form-coupon-toggle {
    display: none !important;
}
/*tắt kheckout...*/
.wd-checkout-steps {
    display: none !important;
}