.elementor-kit-377{--e-global-color-primary:#E57A39;--e-global-color-secondary:#F9F4ED;--e-global-color-text:#502F2E;--e-global-color-accent:#F9F4ED;--e-global-color-thmv_primary:#502F2E;--e-global-color-thmv_accent:#E57A39;--e-global-color-thmv_dark:#E57A39;--e-global-color-thmv_shadow:#E57A39;--e-global-color-thmv_midtone:#F9F4ED;--e-global-color-thmv_highlight:#F9F4ED;--e-global-color-thmv_light:#F9F4ED;--e-global-typography-primary-font-family:"Times New Roman";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Times New Roman";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Times New Roman";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Times New Roman";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:400;color:#502F2E;font-family:"Times New Roman", Times New Roman;font-size:20px;font-weight:400;line-height:1.6em;}.elementor-kit-377 button,.elementor-kit-377 input[type="button"],.elementor-kit-377 input[type="submit"],.elementor-kit-377 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Times New Roman", Times New Roman;font-size:17px;font-weight:600;font-style:normal;color:var( --e-global-color-thmv_accent );border-style:solid;border-color:var( --e-global-color-thmv_accent );}.elementor-kit-377 button:hover,.elementor-kit-377 button:focus,.elementor-kit-377 input[type="button"]:hover,.elementor-kit-377 input[type="button"]:focus,.elementor-kit-377 input[type="submit"]:hover,.elementor-kit-377 input[type="submit"]:focus,.elementor-kit-377 .elementor-button:hover,.elementor-kit-377 .elementor-button:focus{background-color:var( --e-global-color-thmv_accent );color:var( --e-global-color-secondary );}.elementor-kit-377 e-page-transition{background-color:#FFBC7D;}.elementor-kit-377 p{margin-bottom:42px;}.elementor-kit-377 a{color:var( --e-global-color-thmv_accent );font-family:"Times New Roman", Times New Roman;}.elementor-kit-377 a:hover{color:var( --e-global-color-thmv_accent );font-family:"Times New Roman", Times New Roman;}.elementor-kit-377 h1{color:var( --e-global-color-primary );font-family:"Times New Roman", Times New Roman;font-size:48px;font-weight:400;line-height:1.25em;}.elementor-kit-377 h2{color:var( --e-global-color-primary );font-family:"Times New Roman", Times New Roman;font-size:42px;font-weight:600;line-height:1.25em;}.elementor-kit-377 h3{color:var( --e-global-color-primary );font-family:"Times New Roman", Times New Roman;font-size:38px;font-weight:600;line-height:1.25em;}.elementor-kit-377 h4{color:var( --e-global-color-primary );font-family:"Times New Roman", Times New Roman;font-size:32px;font-weight:600;line-height:1.25em;}.elementor-kit-377 h5{color:var( --e-global-color-primary );font-family:"Times New Roman", Times New Roman;font-size:22px;font-weight:600;line-height:1.25em;}.elementor-kit-377 h6{color:var( --e-global-color-thmv_accent );font-family:"Times New Roman", Times New Roman;font-size:20px;font-weight:600;line-height:1.25em;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.themo_mphb_availability_calendar .datepick, .datepick-popup .datepick.mphb-datepick-popup{width:auto!important;}.datepick-popup .datepick.mphb-datepick-popup{max-width:600px;}:root .mphb-calendar.mphb-datepick,:root .mphb-calendar.mphb-datepick [class*="mphb-datepicker-"], :root .datepick-popup .mphb-datepick-popup,:root .datepick-popup [class*="mphb-datepicker-"].mphb-datepick-popup{--mphb-booked-date-bg:var( --e-global-color-thmv_accent );--mphb-available-date-bg:var( --e-global-color-secondary );--mphb-available-date-color:var( --e-global-color-text );--mphb-selected-date-bg:var( --e-global-color-thmv_accent );}@media(max-width:1024px){.elementor-kit-377{font-size:18px;}.elementor-kit-377 h1{font-size:48px;}.elementor-kit-377 h2{font-size:32px;}.elementor-kit-377 h3{font-size:38px;}.elementor-kit-377 h4{font-size:36px;}.elementor-kit-377 h5{font-size:18px;}.elementor-kit-377 h6{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-377{font-size:18px;line-height:28px;}.elementor-kit-377 h1{font-size:38px;}.elementor-kit-377 h2{font-size:32px;}.elementor-kit-377 h3{font-size:30px;}.elementor-kit-377 h4{font-size:24px;line-height:1em;}.elementor-kit-377 h5{font-size:18px;}.elementor-kit-377 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* จัดองค์ประกอบให้แสดงในบรรทัดเดียว (Viva Essence, ราคา, ปุ่ม)
   เฉพาะเมื่อปุ่มยืนยันแสดง (ไม่มี .mphb-hide) */
#booking-form-1367 .mphb-reserve-room-section.frm_submit:not(.mphb-hide) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ตั้งค่าสไตล์ข้อความและราคาให้ไม่ขึ้นบรรทัดใหม่ */
#booking-form-1367 .mphb-reserve-room-section.frm_submit:not(.mphb-hide) > p,
#booking-form-1367 .mphb-reserve-room-section.frm_submit:not(.mphb-hide) > .mphb-period-price {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  width: auto !important;
  white-space: nowrap !important;
  font-size: 18px !important; /* รวมขนาด font จากส่วนที่ซ้ำซ้อน */
}

/* จัดปุ่ม Confirm Reservation ไปชิดขวา */
#booking-form-1367 .mphb-reserve-room-section.frm_submit:not(.mphb-hide) .mphb-confirm-reservation {
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

/* ตั้งค่าสไตล์ปุ่ม Confirm Reservation */
.mphb-confirm-reservation {
  padding: 12px 10px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #0073aa; /* สีพื้นหลัง (เปลี่ยนได้ตามธีม) */
  color: #fff;
  border: none;
  cursor: pointer;
}

/* เพิ่ม Border และพื้นหลังให้ส่วนรวมของฟอร์ม */
.mphb-reserve-room-section.frm_submit {
  border: 2px solid #ddd;
  padding: 15px;
  border-radius: 6px;
  background-color: #f9f9f9;
}

/* Mobile Responsive (หน้าจอขนาด 768px หรือเล็กกว่า) */
@media (max-width: 768px) {
  /* จัดองค์ประกอบให้แสดงเป็นแนวตั้ง */
  #booking-form-1367 .mphb-reserve-room-section.frm_submit:not(.mphb-hide) {
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
  }
  
 /* จัดปุ่มให้อยู่กึ่งกลาง ไม่เต็มจอ */
  #booking-form-1367 .mphb-reserve-room-section.frm_submit:not(.mphb-hide) .mphb-confirm-reservation {
  
    margin: 0 auto !important; /* ใช้ margin auto เพื่อจัดให้อยู่กึ่งกลาง */
    display: block !important; /* ตั้งค่าเป็น block เพื่อให้ margin auto ทำงานได้ */
    flex: unset !important;
  }
  
  /* จัดข้อความ Room Quantity ให้อยู่กึ่งกลางบนมือถือ */
  #booking-form-1367 .mphb-rooms-quantity-wrapper.mphb-rooms-quantity-single {
    text-align: center;
  }
}/* End custom CSS */