/* จัดคอนเทนเนอร์หลักให้เป็น Flex เพื่อเรียงเป็นบรรทัดเดียว */
.mphb_sc_search-form {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 20px;
}

/* ซ่อนข้อความ Required fields... */
.mphb-required-fields-tip {
    display: none !important;
}

/* จัดแต่ละช่องให้ความกว้างเท่ากัน */
.mphb_sc_search-form .mphb-datepick,
.mphb_sc_search-form .mphb-select-wrap {
    width: 200px !important;
}

/* ปรับปุ่ม SEARCH ให้ไม่ตกบรรทัด */
.mphb_sc_search-form .mphb-submit-button-wrapper {
    margin-top: 0 !important;
}

.mphb_sc_search-form button,
.mphb_sc_search-form input[type="submit"] {
    height: 48px;
    padding: 0 25px;
    white-space: nowrap;
}

/* ปรับให้ช่องเข้า/ออก/ผู้ใหญ่/เด็กอยู่กึ่งกลางแนวตั้ง */
.mphb_sc_search-form .mphb-datepick,
.mphb_sc_search-form .mphb-select-wrap,
.mphb_sc_search-form .mphb-submit-button-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* CSS แบบ Responsive */
@media (max-width: 768px) {
    .mphb_sc_search-form {
        flex-wrap: wrap !important;
    }

    .mphb_sc_search-form .mphb-datepick,
    .mphb_sc_search-form .mphb-select-wrap,
    .mphb_sc_search-form .mphb-submit-button-wrapper {
        width: 100% !important;
    }
    
    .mphb_sc_search-form button {
        width: 100%;
    }
}


/* ปรับช่องว่างของ Room */
/* Add left-right padding for Room Single Page (WP Hotel Booking) */
.single-hb_room .site-main,
.single-hb_room .entry-content,
.single-hb_room .entry-header,
.single-hb_room .hb_room,
.single-hb_room .hb-single-room,
.single-hb_room .hb_single_room,
.single-hb_room .hb-room-wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
    box-sizing: border-box;
}

/* Add spacing for the Room Title specifically */
.single-hb_room .entry-title {
    padding-left: 20px !important;
    padding-right: 20px !important;
}


/* Adjust top spacing for Room Title (Palmeria + WP Hotel Booking) */
.single-hb_room .site-content .entry-header {
    padding-top: 20px !important;   /* ปรับตัวนี้เพื่อลดช่องว่างด้านบน */
    margin-top: 0 !important;
}

.single-hb_room .site-content {
    padding-top: 35px !important;      /* กัน theme ดันลง */
}