.elementor-175 .elementor-element.elementor-element-96b9f29{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-175 .elementor-element.elementor-element-b3c4c03{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-175 .elementor-element.elementor-element-44b7484{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-175 .elementor-element.elementor-element-44b7484:not(.elementor-motion-effects-element-type-background), .elementor-175 .elementor-element.elementor-element-44b7484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-menu-toggle{margin:0 auto;}.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-nav-menu--main .elementor-item:focus{color:#D5C184;fill:#D5C184;}.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-175 .elementor-element.elementor-element-bfa590f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-175 .elementor-element.elementor-element-bfa590f .e--pointer-framed .elementor-item:before,
					.elementor-175 .elementor-element.elementor-element-bfa590f .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-175 .elementor-element.elementor-element-b3c4c03{--content-width:1200px;}}@media(max-width:1024px){.elementor-175 .elementor-element.elementor-element-96b9f29{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-175 .elementor-element.elementor-element-96b9f29{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-96b9f29 *//* ==========================================================================
   Khai báo hệ màu Spa & Wellness dùng chung cho toàn bộ Header
   ========================================================================== */
.elementor-175 .elementor-element.elementor-element-96b9f29 {
    --spa-dark-text: #423733;       /* Nâu ấm đậm (màu gỗ mộc), thay cho đen */
    --spa-bg-dark: #F5EFE6;         /* Màu kem cát ấm áp, thay cho xám tối */
    --spa-bg-medium: #FCFAF7;       /* Màu trắng lụa mịn màng, thay cho xám vừa */
    --spa-border-dark: #E2D9CD;     /* Màu vải lanh tự nhiên, thay cho xám đậm */
    --spa-text-muted: #9E928E;      /* Nâu xám nhạt dịu mắt, thay cho xám mờ */
    --spa-border-light: #EFECE8;    /* Màu cát nhạt thanh lịch */
    --spa-white: #ffffff;
    --spa-gold-dark: #A68D75;       /* Vàng đồng cổ điển mềm mại */
    --spa-gold-main: #C0A588;       /* Vàng cát Champagne thanh lịch */
    --spa-gold-light: #D8C7B5;      /* Vàng hạt dẻ dịu nhẹ */
    --spa-gold-extra-light: #FAF5EF;/* Màu sữa hạnh nhân */
    --spa-shadow: rgba(142, 130, 126, 0.08); /* Bóng đổ siêu mờ mềm mại */
}

/* ==========================================================================
   1. Thiết lập thanh Tìm Kiếm dạng bo tròn mềm mại (Organic Search Widget)
   ========================================================================== */

/* Kéo dài widget tìm kiếm ra khu vực giữa */
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-widget-search {
    flex-grow: 1 !important;
    max-width: 550px !important;
    margin: 0 40px !important;
}

/* Ép form tìm kiếm giãn hết chiều rộng */
.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search,
.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-form {
    display: flex !important;
    width: 100% !important;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-input-wrapper {
    flex-grow: 1 !important;
    display: flex !important;
    position: relative !important;
}

/* Khung nhập liệu tìm kiếm phong cách Spa sạch sẽ, tinh tế */
.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-input {
    width: 100% !important;
    background-color: var(--spa-white) !important; /* Đổi sang nền trắng tinh khôi */
    color: var(--spa-dark-text) !important;       /* Chữ nâu ấm dịu nhẹ */
    border: 1px solid var(--spa-border-dark) !important;
    border-radius: 30px 0 0 30px !important;      /* Bo góc tròn mềm mại bên trái */
    padding: 12px 20px !important;
    font-size: 0.9rem !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hiệu ứng khi nhấp chuột vào ô tìm kiếm */
.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-input:focus {
    border-color: var(--spa-gold-main) !important;
    outline: none !important;
    box-shadow: 0 4px 15px var(--spa-shadow) !important; /* Bóng đổ mờ mịn */
}

/* Màu chữ gợi ý (Placeholder) */
.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-input::placeholder {
    color: var(--spa-text-muted) !important;
}

/* Nút Submit Tìm kiếm dạng bo tròn đồng bộ */
.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-submit {
    background-color: var(--spa-gold-main) !important;
    color: var(--spa-white) !important;           /* Chữ trắng trang nhã */
    border: none !important;
    border-radius: 0 30px 30px 0 !important;      /* Bo góc tròn bên phải */
    font-weight: 500 !important;
    font-size: 0.85rem !important;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
    padding: 0 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-submit:hover {
    background-color: var(--spa-gold-dark) !important;
    color: var(--spa-white) !important;
    cursor: pointer;
}

/* Nút xóa từ khóa tìm kiếm (Clear Icon) */
.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-input-wrapper svg.e-fas-times {
    fill: var(--spa-text-muted) !important;
    width: 12px;
    height: 12px;
    transition: fill 0.3s ease;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-input-wrapper svg.e-fas-times:hover {
    fill: var(--spa-gold-main) !important;
}

/* Hộp hiển thị kết quả tìm kiếm (Live Results Dropdown) */
.elementor-175 .elementor-element.elementor-element-96b9f29 .e-search-results-container {
    background-color: var(--spa-white) !important;
    border: 1px solid var(--spa-border-dark) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px var(--spa-shadow) !important;
    margin-top: 8px !important;
}

/* ==========================================================================
   2. Thiết kế Logo & Nút Liên Hệ phong cách mềm mại
   ========================================================================== */

/* Site Logo */
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-widget-theme-site-logo img {
    max-height: 70px;
    width: auto;
    transition: opacity 0.3s ease;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-widget-theme-site-logo img:hover {
    opacity: 0.85;
}

/* Nút Liên hệ dạng viên thuốc (Pill-shaped Button) tinh tế */
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-widget-button a.elementor-button {
    background-color: transparent !important;
    color: var(--spa-gold-dark) !important;
    border: 1.5px solid var(--spa-gold-dark) !important;
    border-radius: 30px !important;             /* Bo góc mềm mại kiểu Spa */
    padding: 10px 24px !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
    white-space: nowrap !important;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-widget-button a.elementor-button:hover {
    background-color: var(--spa-gold-main) !important;
    color: var(--spa-white) !important;
    border-color: var(--spa-gold-main) !important;
}

/* ==========================================================================
   3. Menu điều hướng thanh lịch (Serif Font & Soft Hover)
   ========================================================================== */

/* Menu chính trên Desktop - Đổi sang font chữ thư thái, có chân mềm mại */
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--main .elementor-item {
    font-family: 'Marcellus', 'Playfair Display', serif !important; /* Serif font cho cảm giác thư thái */
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;            /* Độ giãn chữ rộng tạo sự thoáng đãng */
    color: var(--spa-dark-text) !important;      /* Chữ tối màu trên nền sáng */
    padding: 12px 18px !important;
    transition: color 0.3s ease !important;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--main .elementor-item:hover,
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: var(--spa-gold-dark) !important;
}

/* Đường gạch dưới menu khi hover nhẹ nhàng */
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--main .e--pointer-underline .elementor-item:after {
    background-color: var(--spa-gold-main) !important;
    height: 1.5px !important;
}

/* Menu con thả xuống (Submenu / Dropdown) */
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--dropdown {
    background-color: var(--spa-white) !important;
    border: 1px solid var(--spa-border-light) !important;
    border-radius: 8px;
    padding: 10px 0 !important;
    box-shadow: 0 10px 30px var(--spa-shadow) !important;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--dropdown .elementor-item,
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--dropdown .elementor-sub-item {
    font-size: 0.85rem !important;
    color: var(--spa-dark-text) !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    border-bottom: 1px solid var(--spa-border-light) !important;
    transition: color 0.3s ease, background-color 0.3s ease, padding-left 0.3s ease !important;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--dropdown li:last-child > .elementor-item {
    border-bottom: none !important;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    background-color: var(--spa-gold-extra-light) !important; /* Màu nền lụa nhạt khi di chuột qua */
    color: var(--spa-gold-dark) !important;
    padding-left: 25px !important;
}

/* Menu và nút Hamburger trên thiết bị di động (Mobile & Tablet) */
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-menu-toggle {
    color: var(--spa-dark-text) !important;
    transition: color 0.3s ease;
}

.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-menu-toggle:hover,
.elementor-175 .elementor-element.elementor-element-96b9f29 .elementor-menu-toggle.elementor-active {
    color: var(--spa-gold-main) !important;
}/* End custom CSS */