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

:root {
	--wd-cat-brd-radius: 50%;
	--wd-promo-popup-padding: 0px;
	--wd-header-banner-h: 40px;
	--wd-text-font: "Be Vietnam Pro", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(56,70,64);
	--wd-text-font-size: 16px;
	--wd-title-font: "Noto Serif", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: inherit;
	--wd-title-color: rgb(36,51,46);
	--wd-entities-title-font: "Be Vietnam Pro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(221,153,51);
	--wd-entities-title-color-hover: rgb(182, 138, 56);
	--wd-alternative-font: "Be Vietnam Pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Be Vietnam Pro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #24332E;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: "Be Vietnam Pro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(245,154,87);
	--wd-alternative-color: rgb(224,234,240);
	--wd-link-color: rgb(25,78,158);
	--wd-link-color-hover: #242424;
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(245,154,87);
	--btn-accented-bgcolor-hover: rgb(223,140,79);
	--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-sticky-btn-height: 95px;
}
: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 .wd-product {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
div.wd-popup.wd-promo-popup {
	max-width: 480px;
}
.page-title-default {
	background-color: rgb(174,182,161);
	background-image: url(https://alayavn.com/wp-content/uploads/2025/01/Black-And-Gold-Elegant-Announcement-Grand-Opening-Banner-1-1-scaled.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.footer-container {
	background-color: rgb(21,106,142);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
}
html .wd-nav.wd-nav-main > li > a {
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	text-transform: uppercase;
	color: #2D2823;
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(155,107,52);
}
.page .main-page-wrapper {
	background-image: url(https://alayavn.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-image: url(https://alayavn.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-product .main-page-wrapper {
	background-image: url(https://alayavn.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-blog .main-page-wrapper {
	background-image: url(https://alayavn.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-post .main-page-wrapper {
	background-image: url(https://alayavn.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(27,36,170);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
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-bg: rgb(255,255,255);
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 5px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	--wd-sticky-btn-height: 95px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 5px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	html .wd-nav-mobile > li > a {
		font-size: 16px;
	}
	.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
		font-size: 11px;
	}
	html .wd-nav.wd-nav-main > li > a {
		font-size: 12px;
	line-height: 18px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 5px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--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: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@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;
}
}


/* CTA phụ - GỌI NGAY */
.ala-call-btn {
    min-width: 118px;
    min-height: 46px;
	  height: 46px;
    padding: 0 22px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: 1px solid #9B6B34 !important;
    border-radius: 4px !important;
    color: #9B6B34 !important;
    font-size: 13px;
    font-weight: 600;
}

.ala-call-btn:hover {
    background: #9B6B34 !important;
    border-color: #9B6B34 !important;
    color: #ffffff !important;
}

/* CTA chính - NHẬN TƯ VẤN */
.ala-consult-btn {
    min-width: 145px;
    min-height: 46px;
	  height: 46px;
    padding: 0 22px !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    /* Bronze gradient giống mockup */
    background: linear-gradient(
        90deg,
        #8A5B2A 0%,
        #A8733B 55%,
        #B98A55 100%
    ) !important;

    border: 1px solid #A8733B !important;
    border-radius: 4px !important;

    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;

    /* hiệu ứng chuyển mượt */
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        transform 0.2s ease,
        box-shadow 0.3s ease;
}


/* Hover */
.ala-consult-btn:hover {
    background: linear-gradient(
        90deg,
        #2D2823 0%,
        #49392B 55%,
        #6B4A2D 100%
    ) !important;

    border-color: #49392B !important;
    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 14px rgba(70, 45, 25, 0.18);
}


/* Trang chủ - đưa Hero sát Main Header */
body.home .main-page-wrapper,
body.page-id-15 .main-page-wrapper {
    padding-top: 3px !important;
}

@media (max-width: 767px) {

    .ala-mobile-call {
        width: auto !important;
        min-width: 0 !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ala-mobile-call a {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 13px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 19px !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

                box-sizing: border-box !important;
    }

} /* Dong @media max-width 767px */

/* ALA - Bottom menu mobile 1 hang */

@media (max-width: 1024px) {

  /* Cho menu chiem toan bo chieu ngang */
  .whb-header-bottom .whb-column,
  .whb-header-bottom .whb-col-left,
  .whb-header-bottom .whb-col-center {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  /* Menu nam tren mot hang */
  .whb-header-bottom .wd-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
  }

  /* Khong cho tung muc bi ngat dong */
  .whb-header-bottom .wd-nav > li {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* Co chu nho, dam, gon */
  .whb-header-bottom .wd-nav > li > a,
  .whb-header-bottom .wd-nav > li > a span {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }

  /* Giam khoang cach trong moi muc */
  .whb-header-bottom .wd-nav > li > a {
    padding: 8px 2px !important;
    gap: 3px !important;
  }

}
@media (min-width: 1025px) {
	/* Main navigation typography */
.whb-header .wd-nav-main > li > a {
    letter-spacing: 0.4px;
}

.whb-header .wd-nav-main > li.current-menu-item > a,
.whb-header .wd-nav-main > li.current-menu-ancestor > a {
    color: #9B6B34 !important;
}

  }

}

}

@media (max-width: 576px) {
	/* Mobile header - nút GỌI */
a.ala-mobile-call,
.ala-mobile-call > a,
.ala-mobile-call .btn {
    min-width: 82px;
    height: 40px;
    min-height: 40px;
    padding: 0 16px !important;
    box-sizing: border-box;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    border-radius: 20px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

/* =========================================================
   ALA FURNITURE - MOBILE HAMBURGER MENU
   ========================================================= */

/* 01. KHUNG MENU TRƯỢT */
.mobile-nav {
    background: #FFFFFF !important;
    width: 86vw !important;
    max-width: 360px !important;
    box-shadow: -8px 0 30px rgba(45, 40, 35, 0.10) !important;
}


/* 02. KHU VỰC NÚT CLOSE PHÍA TRÊN */
.mobile-nav .widget-heading {
    min-height: 58px !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    background: #FFFFFF !important;
    border-bottom: 1px solid #EAE6E1 !important;
}


/* 03. NÚT CLOSE */
.mobile-nav .close-side-widget,
.mobile-nav .wd-cross-icon {
    color: #2D2823 !important;
}

.mobile-nav .close-side-widget > a,
.mobile-nav .wd-cross-icon > a {
    color: #2D2823 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.mobile-nav .close-side-widget:hover > a,
.mobile-nav .wd-cross-icon:hover > a {
    color: #9B6B34 !important;
}


/* 04. MENU CẤP 1:
   DỊCH VỤ / DỰ ÁN / HẠNG MỤC / VẬT LIỆU... */
.mobile-nav .wd-nav-mobile > li > a {
    min-height: 52px !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.25px !important;

    color: #2D2823 !important;
    background: #FFFFFF !important;

    border-bottom: 1px solid #EAE6E1 !important;
}


/* 05. HOVER / ACTIVE MENU CẤP 1 */
.mobile-nav .wd-nav-mobile > li > a:hover,
.mobile-nav .wd-nav-mobile > li.current-menu-item > a {
    color: #9B6B34 !important;
    background: #F9F6F2 !important;
}


/* 06. MENU CHA ĐANG MỞ */
.mobile-nav .wd-nav-mobile li.opener-page > a {
    color: #9B6B34 !important;
    background: #F9F6F2 !important;
}


/* 07. MENU CON */
.mobile-nav .wd-nav-mobile .wd-sub-menu li > a,
.mobile-nav .wd-nav-mobile ul li > a {
    min-height: 48px !important;

    padding-top: 0 !important;
    padding-right: 18px !important;
    padding-bottom: 0 !important;
    padding-left: 28px !important;

    display: flex !important;
    align-items: center !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    color: #6A625B !important;
    background: #FFFFFF !important;

    border-bottom: 1px solid #EEEAE6 !important;
}


/* 08. HOVER MENU CON */
.mobile-nav .wd-nav-mobile .wd-sub-menu li > a:hover,
.mobile-nav .wd-nav-mobile ul li > a:hover {
    color: #9B6B34 !important;
    background: #FAF8F5 !important;
}


/* 09. Ô MŨI TÊN BÊN PHẢI */
.mobile-nav .wd-nav-opener {
    width: 50px !important;
    min-width: 50px !important;
    min-height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #2D2823 !important;
    background: transparent !important;

    border-left: 1px solid #EAE6E1 !important;
    border-bottom: 1px solid #EAE6E1 !important;

    transition:
        background-color .2s ease,
        color .2s ease !important;
}


/* 10. KÍCH THƯỚC ICON MŨI TÊN */
.mobile-nav .wd-nav-opener:after {
    font-size: 16px !important;
}


/* 11. KHI SUBMENU ĐƯỢC MỞ:
   thay màu cam hiện tại bằng bronze ALA */
.mobile-nav .wd-nav-opener.wd-active {
    color: #FFFFFF !important;
    background: #9B6B34 !important;
    border-color: #9B6B34 !important;
}


/* 12. KHÔNG CHO ACTIVE ROW CHUYỂN SANG MÀU CAM MẶC ĐỊNH */
.mobile-nav .wd-nav-mobile li:active > a {
    color: #9B6B34 !important;
    background: #F9F6F2 !important;
}


/* =========================================================
   GTRANSLATE
   ẨN BẢN GTRANSLATE NẰM TRONG DRAWER MOBILE.
   Giữ lại bộ chuyển ngôn ngữ cố định bên ngoài menu.
   ========================================================= */

.mobile-nav .gtranslate_wrapper,
.mobile-nav .gt_switcher_wrapper,
.mobile-nav .gt_float_switcher,
.mobile-nav [class*="gtranslate"],
.mobile-nav [class*="gt_switcher"] {
    display: none !important;
}


/* =========================================================
   BUTTONIZER / CONTACT FLOATING BUTTON
   Khi hamburger mở -> ẩn nút chat nổi để không che menu
   ========================================================= */

body:has(.mobile-nav.wd-opened) .buttonizer,
body:has(.mobile-nav.wd-opened) .buttonizer-group {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* Khi menu đóng -> nút chat hiện lại mượt */
.buttonizer,
.buttonizer-group {
    transition:
        opacity .20s ease,
        visibility .20s ease !important;
}


/* =========================================================
   TỐI ƯU MÀN HÌNH RẤT NHỎ
   ========================================================= */

@media (max-width: 380px) {

    .mobile-nav {
        width: 88vw !important;
    }

    .mobile-nav .wd-nav-mobile > li > a {
        font-size: 13.5px !important;
        padding-left: 16px !important;
    }

    .mobile-nav .wd-nav-mobile .wd-sub-menu li > a,
    .mobile-nav .wd-nav-mobile ul li > a {
        font-size: 13.5px !important;
        padding-left: 24px !important;
    }

    .mobile-nav .wd-nav-opener {
        width: 46px !important;
        min-width: 46px !important;
    }
}

}