/* Điều chỉnh khoảng cách menu ngôn ngữ */
.stm-navigation .trp-language-switcher-container a {
    margin: 0;
    padding: 0 !important;
}
/*--- Font chữ -----*/
p, strong, div, a {
    font-family: 'Garet', sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'BTSuave', sans-serif !important;
    font-weight: 600;
}

.stm-room__occupancy span:last-child {
    font-style: normal!important;
}
/*--------- Điều chỉnh trang chủ ----------*/
.wpb_wrapper .stm_wp_hotelier_rooms_list.stm_wp_hotelier_rooms_list_style_1 .stm-rooms-list .room__title h3 a {
    overflow: visible;
    white-space: wrap;
}

.stm_selective_rooms_carousel.stm_selective_rooms_carousel_style_1 .stm-room__carousel .stm-room__title h4 {
    overflow: visible !important;
    white-space: wrap !important;
}

.room.type-room .stm-single-room__price > span {
    font-size: 30px;
}

.stm_selective_rooms_carousel_style_1 .stm-room__carousel .stm-room__link a {
    font-family: 'Garet', sans-serif !important;
}

.stm_titlebox .stm_flex.stm_flex_last .stm_titlebox__subtitle {
    color: #fff;
}
/*-------------------- Booking --------------*/
.booking-form {
    background: #ffff;
    padding: 25px 45px;
    box-shadow: -10px 5px 15px #00000029;
    border-radius: 8px;
}
.booking-form  .ezbe-form {
    width: 100%;
}

.booking-form .ezbe-row.no-gutters {
    justify-content: space-between;
    text-align: left;
}

.booking-form input.ezbe-form-control {
    height: 50px;
}

form#stm-single-room-availability {
    display: none;
}
.stm-footer aside.widget .widgettitle.widget-footer-title h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.home .booking-form {
    margin-top: -300px;
}
/*------------- Điều chỉnh Mobile --------*/
@media (max-width: 767px) {
    .single.single-room .related-rooms.container-fluid {
        padding: 0px;
    }

    .single.single-room .stm-room__container {
        padding: 0px;
    }

    body.stm_layout_chicago .btn {
        padding: 10px 30px !important;
    }

    #BeHeader .content-mobi .logoBe {
        height: 52px !important;
        filter: invert(1)!important;
    }

    .home .booking-form {
        margin-top: 0px;
    }

    .booking-form{
        margin:5px 5px;
    }
}
/* chỉnh kích thước logo */
.stm-logo{
	    width: 95px;
}
@media (max-width: 1024px) {
    .stm_flex.stm_flex_center .stm_mobile__logo {
        max-width: 90px !important;
    }
}
@media (max-width: 550px) {
    .stm_mobile__logo {
        min-width: 45px;
    }
}
.ezbe-form input[type=submit] {
	background-color: #c5b358 !important;
}


/* Trang trí cho phần giá tiền (class được tạo bởi JS ở trên) */
.stm-room__link a .gia-moi {
    display: block;
    font-weight: bold;
    font-size: 15px; /* Cỡ chữ giá tiền */
    margin-top: 6px; /* Khoảng cách với chữ Xem chi tiết */
    color: #ffcc00; /* Màu vàng (hoặc bạn xóa dòng này để lấy màu mặc định) */
}
.stm_selective_rooms_carousel_style_1 .stm-room__carousel .stm-room__link a{
	  padding: 10px 30px;
}
 body.stm_layout_chicago .btn {
        padding: 10px 30px !important;
    }

/* Target vào ID form cụ thể trong ảnh là fluentform_2 */
#fluentform_2 .ff-t-container {
    display: flex !important;
    align-items: stretch !important; /* Kéo dãn để chiều cao bằng nhau */
    gap: 0 !important; /* Xóa khoảng cách giữa 2 cột */
    width: 100%;
}

/* Xử lý các cột chứa input/button */
#fluentform_2 .ff-t-cell {
    padding: 0 !important;
    margin: 0 !important;
}

/* Cột chứa Input (Email) - Chiếm phần lớn diện tích */
#fluentform_2 .ff-t-column-1 {
    flex-grow: 1; /* Tự động giãn rộng */
    flex-basis: auto !important;
    width: auto !important;
}

/* Cột chứa Button (Gửi) - Co lại vừa đủ */
#fluentform_2 .ff-t-column-2 {
    flex-basis: auto !important;
    width: auto !important;
}

/* Custom ô Input */
#fluentform_2 input.ff-el-form-control {
    height: 48px !important; /* Chiều cao cố định */
    border-radius: 4px 0 0 4px !important; /* Bo góc trái */
    border: 1px solid #fff;
    margin-bottom: 0 !important;
}

/* Custom nút Gửi */
#fluentform_2 .ff-btn-submit {
    height: 48px !important; /* Chiều cao bằng input */
    border-radius: 0 4px 4px 0 !important; /* Bo góc phải */
    padding: 0 25px !important;
    margin-top: 0 !important;
    width: 100%;

}
/* Đảm bảo nút gửi luôn có viền để không bị nhảy kích thước khi hover */
#fluentform_1 .ff-btn-submit {
    border: 1px solid transparent !important; /* Viền trong suốt ở trạng thái thường */
    transition: all 0.3s ease;
}

/* Khi Hover: Hiện viền màu vàng và nền trắng */
#fluentform_1 .ff-btn-submit:hover {
    border: 1px solid #c5b358 !important; /* Viền màu vàng (trùng màu chữ) */
}
.heading_home_h1 {
        display: none !important;
    }