/**
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License version 3.0
* that is bundled with this package in the file LICENSE.md
* It is also available through the world-wide-web at this URL:
* https://opensource.org/license/osl-3-0-php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to support@qloapps.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to https://store.webkul.com/customisation-guidelines for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/license/osl-3-0-php Open Software License version 3.0
*/


.header-rmsearch-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;}

.header-rmsearch-hide-xs {
  background-image: url("../img/black-opacity-5.png");}
.header-rmsearch-show-xs {
  background-color: #ffffff;
  top: 0;}
.header-rmsearch-wrapper {
  display: table;
  height: 100%;
  width: 100%;}
.header-rmsearch-primary {
  display: table-cell;
  vertical-align: middle;}
.header-rmsearch-inner-wrapper {
  margin-top: 30px;
  margin-bottom: 15px;}
#make_booking_btn {
  background-color: #BF9958;
  width: 155px;
  height: 50px;
  color: #ffffff;
  font-size: 18px;
  font-family: 'PT Serif', serif;
  font-weight: 400;}
#make_booking_btn_div {
  margin-top: 20px;
  text-align: center;}
@media (max-width: 767px) {
  .header-rmsearch-wrapper #search_hotel_block_form .grid {
    grid-template-columns: 1fr;
    column-gap: 0px;
  }
  .header-rmsearch-wrapper {
    height: calc(100vw - 60px);
    width: calc(100vw - 60px);
  }
}
.fancy_search_header_xs {
  margin-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  font-size: 22px;}
.fancy_search_header_xs hr {
    border: 1px solid #379bf0;
    float: left;
    margin-top: 5px;
    width: 125px;}
/* .fancybox-inner #search_hotel_block_form {
  grid-template-columns: 1fr;
} */
/* ===== Barra de busca (referência design-preview) — só estilo, formulário e IDs intactos ===== */
.header-rmsearch-hide-xs { background-image: none; background-color: transparent; }
.header-rmsearch-inner-wrapper { margin-top: 0; margin-bottom: 36px; }
.header-rmsearch-wrapper #search_hotel_block_form {
    padding: 8px;
    background: #fff;
    border: 1px solid #e8e5df;
    border-radius: 999px;
    box-shadow: 0 10px 30px rgba(23, 33, 29, .18);
    font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}
.header-rmsearch-wrapper #search_hotel_block_form .grid { align-items: stretch; column-gap: 0; }
.header-rmsearch-wrapper #search_hotel_block_form .form-group { margin-bottom: 0; }
.header-rmsearch-wrapper #search_hotel_block_form .form-control {
    height: 100%;
    min-height: 50px;
    border: 0;
    border-right: 1px solid #e8e5df;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    color: #17211d;
    font-size: 14.5px;
}
.header-rmsearch-wrapper #search_hotel_block_form .form-control:hover,
.header-rmsearch-wrapper #search_hotel_block_form .form-control:focus {
    background-color: #faf9f6;
    border-radius: 999px;
    border-color: transparent;
}
.header-rmsearch-wrapper #search_hotel_block_form .form-control:focus-visible,
.header-rmsearch-wrapper #search_hotel_block_form #search_room_submit:focus-visible {
    outline: 2px solid #235c4a;
    outline-offset: 2px;
}
.header-rmsearch-wrapper #search_hotel_block_form #search_room_submit {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 999px;
    background: #235c4a;
    color: #fff;
    font-size: 15px;
    font-weight: 650;
    transition: background .2s ease, transform .2s ease;
}
.header-rmsearch-wrapper #search_hotel_block_form #search_room_submit:hover { background: #173f33; }
.header-rmsearch-wrapper #search_hotel_block_form #search_room_submit:active { transform: scale(.98); }
@media (max-width: 767px) {
    #index .header-rmsearch-container { position: relative; top: auto; bottom: auto; margin-top: 320px; padding-bottom: 24px; }
    #index .header-rmsearch-wrapper { display: block; height: auto; width: 100%; }
    #index .header-rmsearch-primary { display: block; }
    #index .fancy_search_header_xs { display: none !important; }
    #index .header-rmsearch-inner-wrapper { margin: 0; }
    #index .header-rmsearch-wrapper #search_hotel_block_form { padding: 12px; border-radius: 20px; }
    #index .header-rmsearch-wrapper #search_hotel_block_form .grid { display: grid; grid-template-columns: minmax(0, 1fr) !important; }
    #index .header-rmsearch-wrapper #search_hotel_block_form .grid > .grid-item { grid-column: 1 / -1 !important; min-width: 0; }
    #index .header-rmsearch-wrapper #search_hotel_block_form #daterange_value.multi-date { display: grid; grid-template-columns: minmax(0, 1fr); }
    #index .header-rmsearch-wrapper #search_hotel_block_form .form-control { min-height: 54px; border-right: 0; border-bottom: 1px solid #e8e5df; font-size: 16px; }
    #index .header-rmsearch-wrapper #search_hotel_block_form #search_room_submit { min-height: 54px; margin-top: 8px; }
    #index #search_occupancy_wrapper { max-width: calc(100vw - 60px); }
}