:root {
  --title-color: #010101;
}

#header ul.menu li a {
  padding: 1em;
}

/* footer */
.mona-footer-media img {
  height: 15px !important;
  padding-left: 5px;
}

/* siderbar right - single product */
.mona-room-detail-right .elementor-widget-ovabrw_product_booking_form {
  position: sticky;
  top: 8px;
}
.forms-booking-tab form.form .rental_item {
  position: relative;
  padding: 0 8px !important;
  margin-bottom: 8px;
}
.forms-booking-tab form.form .ovabrw_service_wrap {
  margin: 0 0 8px 0 !important;
}
.forms-booking-tab form.form .ovabrw_service_wrap label,
.forms-booking-tab form.form .ovabrw_extra_service label,
.forms-booking-tab form.form .ovabrw_extra_service .ovabrw_resource .item {
  margin-bottom: 8px;
}
.forms-booking-tab
  form.form
  .ovabrw_extra_service
  .ovabrw_resource
  .item:last-child {
  margin-bottom: 0;
}
.forms-booking-tab form.form .rental_item .error_item {
  position: absolute;
  bottom: 2px;
  right: 24px;
  z-index: 1;
}
.forms-booking-tab form.form .rental_item .error_item label {
  font-size: 11px;
  margin: 0;
}
.forms-booking-tab .romancy-booking {
  padding: 16px 0 0;
}
.forms-booking-tab form.form .ovabrw-book-now {
  padding: 24px;
  margin-top: 24px;
}
.forms-booking-tab .romancy-booking button.submit {
  padding: 16px 32px;
}
.booking_form .ajax_show_total .show_ajax_content.active .show_total {
  font-size: 24px;
}
.forms-booking-tab .mona-form-row-service {
  padding: 0 8px;
}
.forms-booking-tab .option-services-item {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.forms-booking-tab .img-services-item {
  width: 16px;
  margin-right: 8px;
}
.forms-booking-tab .services-item-title {
  font-size: 14px;
  font-weight: 600;
}
.forms-booking-tab .option-services-item {
  font-size: 14px;
}

/* product related */
.ova-room-list-carousel .room-content.room-content-2 .room-price {
  display: flex;
  gap: 8px;
}

/* services */
.mona-sec-services .ova-image-box-2 .ova-image-2 .ova-image {
  min-height: 400px;
  max-height: 400px;
}

/* loading */
.button-booking-room {
  position: relative;
}
.button-booking-room:before {
  content: "";
  position: absolute;
  background-image: url(../romancy/assets/img/loading.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  z-index: 99999;
  object-fit: cover;
  background-size: cover;
  animation: spin 1s infinite linear;
  opacity: 0;
}
.button-booking-room.loading:before {
  opacity: 1;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* calendar - single product */
.mona-room-detail-calendar .wrap_calendar {
  max-width: 100%;
  padding: 16px;
}
/* single room */
.ovabrw_product_info .room-info li i,
ul.ovabrw_woo_features li i {
  font-size: 24px;
}
.ovabrw_product_info .room-info li span,
ul.ovabrw_woo_features li label {
  font-size: 14px;
}

/* product features */
.mona-product-features .elementor-features ul.ovabrw_woo_features,
.mona-room-detail-left .ovabrw_product_info .room-info {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.mona-room-detail-left .ovabrw_product_info .room-info li span {
  margin-top: 5px;
}
.mona-room-detail-left .ovabrw_product_info .room-info li {
  flex-direction: column;
  align-items: flex-start;
}

/* text transform */
.ovabrw-container .ovabrw-row .wrap-item .ovabrw_service_wrap label {
  text-transform: unset;
}

/* margin-bottom: 0 */
.mona-room-detail-calendar .fc-daygrid-body table.fc-scrollgrid-sync-table,
.mona-title,
.mona-room-detail-calendar table.fc-scrollgrid {
  margin-bottom: 0 !important;
}

/* giới hạn text 1 dòng */
article.post-wrap .post-title,
.ova-blog .item .blog-content .post-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* blog */
.widget_block .wp-block-group__inner-container > h2 {
  margin-top: 0;
}
.ova-blog .item .blog-content .post-title {
  font-size: 22px;
}

/* checkout */
.product-name-item-checkout,
.woocommerce-checkout-review-order-table .product-name .ovabrw_qty {
  color: var(--title-color);
  font-size: 20px;
  font-weight: 600;
}
.woocommerce-checkout-review-order-table dl.variation dt {
  font-weight: 600;
}
.mona-table-checkout {
  display: flex;
  gap: 16px;
}
.mona-checkout-review-order {
  width: 50%;
}
.woocommerce-checkout #payment ul.wc_payment_methods {
  padding: 16px;
}
.woocommerce-checkout
  #customer_details
  .woocommerce-billing-fields
  .form-row#billing_company_field {
  order: 9;
}
.woocommerce-checkout
  #customer_details
  .woocommerce-billing-fields
  .form-row#billing_address_1_field {
  width: 50%;
}
.woocommerce-checkout
  #customer_details
  .woocommerce-billing-fields
  .form-row#billing_phone_field,
.woocommerce-checkout
  #customer_details
  .woocommerce-billing-fields
  .form-row#billing_address_1_field {
  padding-right: 0;
  padding-left: 10px;
}
.woocommerce-checkout
  #customer_details
  .woocommerce-billing-fields
  .form-row#billing_email_field {
  padding-left: 0;
  padding-right: 10px;
}

/* box search */
.ovabrw-search .ovabrw-search-form .ovabrw-s-field .search-field .ovabrw-label {
  display: flex;
  margin-top: 8px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ovabrw-search
  .ovabrw-search-form
  .ovabrw-s-field
  .search-field
  .ovabrw-label
  i {
  position: relative;
  left: auto;
  margin-right: 8px;
  transform: unset;
}
.ovabrw-search
  .ovabrw-search-form
  .ovabrw-s-field
  .search-field
  .guests-button {
  justify-content: center;
}
.ovabrw-search .ovabrw-search-form .ovabrw-s-field .search-field .ovabrw-input,
.ovabrw-search
  .ovabrw-search-form
  .ovabrw-s-field
  .search-field
  .ovabrw-guestspicker {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}
.ovabrw-search
  .ovabrw-search-form
  .ovabrw-s-field
  .search-field
  .ovabrw-input
  input[type="text"] {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: unset;
}
.ovabrw-search
  .ovabrw-search-form
  .ovabrw-s-field
  .search-field
  .ovabrw-input
  input[type="text"]::placeholder {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 16px;
  text-align: center;
}
.ovabrw-search
  .ovabrw-search-form
  .ovabrw-s-field
  .search-field
  .ovabrw-guestspicker
  .guestspicker {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 16px;
}
.mona-sec-box-search .search-field .ovabrw-input .ovabrw_datetimepicker,
.ovabrw-search
  .ovabrw-search-form
  .ovabrw-s-field
  .search-field
  .ovabrw-guestspicker
  .guestspicker,
.ovabrw-search
  .ovabrw-search-form
  .ovabrw-s-field
  .search-field
  .ovabrw-input
  input[type="text"] {
  text-align: center;
}
.ovabrw-search .ovabrw-search-form .ovabrw-s-field .search-field {
  padding: 12px 24px;
  min-width: 200px;
}

/* only pc */
@media (min-width: 768px) {
  /*.mona-room-detail-left .price_table {*/
  /*    overflow-x: scroll;*/
  /*}*/
}

/* mobile */
@media (max-width: 767px) {
  /* box search */
  .ovabrw-search
    .ovabrw-search-form
    .ovabrw-s-field
    .search-field
    .ovabrw-input
    input[type="text"]::placeholder {
    bottom: 20px;
  }
  .ovabrw-search .ovabrw-search-form .ovabrw-s-field .search-field {
    min-width: unset;
    min-height: 90px;
  }
  .ovabrw-search
    .ovabrw-search-form
    .ovabrw-s-field
    .search-field
    .ovabrw-guestspicker-content {
    left: 0;
  }
  .ovabrw-search .ovabrw-search-form .ovabrw-search-btn button.ovabrw-btn {
    padding: 16px 32px;
  }

  /* footer */
  .mona-footer-media {
    font-size: 13px;
  }
  .mona-footer-media img {
    height: 13px !important;
    padding-left: 5px;
  }

  /* popup đặt phòng */
  .ovabrw-search-ajax
    .wrap-search-ajax
    .modal-container
    .modal.modal-booking-tab {
    width: 90vw;
  }
  .ovabrw-search-ajax
    .wrap-search-ajax
    .modal-container
    .modal
    .modal-popup-close {
    z-index: 1;
    border: 1px solid #ccc;
    top: 80px;
    right: -8px;
  }
  .ovabrw-room-content2
    .wrapper-room
    .room-container
    .room-container-footer
    .room-button-wrapper
    .room-button-view-deals {
    width: 100%;
    padding: 0;
  }
  .ovabrw-room-content2
    .wrapper-room
    .room-container
    .room-container-footer
    .room-button-wrapper
    .room-button-view-deals
    a,
  .ovabrw-room-content2
    .wrapper-room
    .room-container
    .room-container-footer
    .room-button-wrapper
    .room-button {
    width: 100%;
  }
  .ajax_show_total .show_ajax_content {
    display: none;
  }
  .ajax_show_total .show_ajax_content.active {
    display: block;
  }
  .ovabrw-book-now .ajax_show_total {
    margin-top: 8px;
  }

  /* border: none */
  .mona-room-detail-calendar table.fc-scrollgrid,
  .mona-room-detail-calendar .fc-scrollgrid-section-header > td,
  .mona-room-detail-calendar .fc-scrollgrid-section-body > td {
    border: none;
  }

  /* boder color */
  .mona-room-detail-calendar .fc-view-harness,
  .mona-room-detail-calendar table.fc-scrollgrid,
  .mona-room-detail-calendar .fc-daygrid-body table.fc-scrollgrid-sync-table,
  .mona-room-detail-calendar .fc-daygrid-body,
  .mona-room-detail-calendar table.fc-col-header {
    border-color: #ddd !important;
  }

  /* calendar */
  .mona-room-detail-calendar .fc-view-harness {
    overflow-x: scroll;
    border-top: 1px solid;
  }
  .mona-room-detail-calendar table.fc-scrollgrid {
    border-left: 1px solid;
  }
  .mona-room-detail-calendar .fc-daygrid-body table.fc-scrollgrid-sync-table {
    border-bottom: 1px solid;
  }
  .mona-room-detail-calendar .fc-daygrid-body,
  .mona-room-detail-calendar table.fc-col-header {
    border-right: 1px solid;
  }
  .mona-room-detail-calendar .fc-view-harness::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--primary);
  }
  .mona-room-detail-calendar table.fc-col-header,
  .mona-room-detail-calendar .fc-daygrid-body,
  .mona-room-detail-calendar .fc-daygrid-body table.fc-scrollgrid-sync-table {
    width: 757px !important;
  }
  .mona-room-detail-calendar .fc-scroller,
  .mona-room-detail-calendar .fc-scroller-harness {
    overflow: unset !important;
  }
  .mona-room-detail-calendar .wrap_calendar {
    padding: 16px;
  }

  /* checkout */
  .mona-table-checkout {
    flex-direction: column;
  }
  .mona-checkout-review-order {
    width: 100%;
  }
  body.page-template-default
    .elementor-section.elementor-section-boxed
    > .elementor-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* hidden */
body.single-product .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-message,
.forms-booking-tab
  .romancy-booking
  .ovabrw_extra_service
  .ovabrw_resource
  .item
  .left
  input:after {
  display: none !important;
}

/* ----- End Custom ----- */

/* ----- Scrollbar ----- */
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--primary);
}
/* ----- End Scrollbar ----- */
.search-field.baths-control {
  display: none;
}

.price-range-control select:not([size]):not([multiple]) {
  padding: 0;
  border: 0;
  background: transparent;
  max-width: 150px;
  margin: 0 auto;
  margin-top: 25px;
  font-weight: 500;
}

.elementor-calendar .wrap_calendar {
  max-width: 100%;
  padding: 15px;
}