/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-Regular.eot');
    src: local('Reckless Neue Regular'), local('RecklessNeue-Regular'),
        url('./Fonts/RecklessNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-Regular.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-Regular.woff') format('woff'),
        url('./Fonts/RecklessNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-Light.eot');
    src: local('Reckless Neue Light'), local('RecklessNeue-Light'),
        url('./Fonts/RecklessNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-Light.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-Light.woff') format('woff'),
        url('./Fonts/RecklessNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-Thin.eot');
    src: local('Reckless Neue Thin'), local('RecklessNeue-Thin'),
        url('./Fonts/RecklessNeue-Thin.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-Thin.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-Thin.woff') format('woff'),
        url('./Fonts/RecklessNeue-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-Heavy.eot');
    src: local('Reckless Neue Heavy'), local('RecklessNeue-Heavy'),
        url('./Fonts/RecklessNeue-Heavy.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-Heavy.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-Heavy.woff') format('woff'),
        url('./Fonts/RecklessNeue-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-LightItalic.eot');
    src: local('Reckless Neue Light Italic'), local('RecklessNeue-LightItalic'),
        url('./Fonts/RecklessNeue-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-LightItalic.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-LightItalic.woff') format('woff'),
        url('./Fonts/RecklessNeue-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-SemiBoldItalic.eot');
    src: local('Reckless Neue SemiBold Italic'), local('RecklessNeue-SemiBoldItalic'),
        url('./Fonts/RecklessNeue-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-SemiBoldItalic.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-SemiBoldItalic.woff') format('woff'),
        url('./Fonts/RecklessNeue-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-Bold.eot');
    src: local('Reckless Neue Bold'), local('RecklessNeue-Bold'),
        url('./Fonts/RecklessNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-Bold.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-Bold.woff') format('woff'),
        url('./Fonts/RecklessNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-Medium.eot');
    src: local('Reckless Neue Medium'), local('RecklessNeue-Medium'),
        url('./Fonts/RecklessNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-Medium.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-Medium.woff') format('woff'),
        url('./Fonts/RecklessNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-BoldItalic.eot');
    src: local('Reckless Neue Bold Italic'), local('RecklessNeue-BoldItalic'),
        url('./Fonts/RecklessNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-BoldItalic.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-BoldItalic.woff') format('woff'),
        url('./Fonts/RecklessNeue-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-MediumItalic.eot');
    src: local('Reckless Neue Medium Italic'), local('RecklessNeue-MediumItalic'),
        url('./Fonts/RecklessNeue-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-MediumItalic.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-MediumItalic.woff') format('woff'),
        url('./Fonts/RecklessNeue-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-HeavyItalic.eot');
    src: local('Reckless Neue Heavy Italic'), local('RecklessNeue-HeavyItalic'),
        url('./Fonts/RecklessNeue-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-HeavyItalic.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-HeavyItalic.woff') format('woff'),
        url('./Fonts/RecklessNeue-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue Book';
    src: url('./Fonts/RecklessNeue-BookItalic.eot');
    src: local('Reckless Neue Book Italic'), local('RecklessNeue-BookItalic'),
        url('./Fonts/RecklessNeue-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-BookItalic.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-BookItalic.woff') format('woff'),
        url('./Fonts/RecklessNeue-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless Neue';
    src: url('./Fonts/RecklessNeue-SemiBold.eot');
    src: local('Reckless Neue SemiBold'), local('RecklessNeue-SemiBold'),
        url('./Fonts/RecklessNeue-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./Fonts/RecklessNeue-SemiBold.woff2') format('woff2'),
        url('./Fonts/RecklessNeue-SemiBold.woff') format('woff'),
        url('./Fonts/RecklessNeue-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6, .item-title{
    font-family: 'Reckless Neue'!important;
}
/*--------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-BoldItalic.eot');
    src: local('Inter Bold Italic'), local('Inter-BoldItalic'),
        url('./Inter/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-BoldItalic.woff2') format('woff2'),
        url('./Inter/Inter-BoldItalic.woff') format('woff'),
        url('./Inter/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-MediumItalic.eot');
    src: local('Inter Medium Italic'), local('Inter-MediumItalic'),
        url('./Inter/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-MediumItalic.woff2') format('woff2'),
        url('./Inter/Inter-MediumItalic.woff') format('woff'),
        url('./Inter/Inter-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-ThinItalicBETA.eot');
    src: local('Inter Thin Italic BETA'), local('Inter-ThinItalicBETA'),
        url('./Inter/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-ThinItalicBETA.woff2') format('woff2'),
        url('./Inter/Inter-ThinItalicBETA.woff') format('woff'),
        url('./Inter/Inter-ThinItalicBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'),
        url('./Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-Regular.woff2') format('woff2'),
        url('./Inter/Inter-Regular.woff') format('woff'),
        url('./Inter/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-Black.eot');
    src: local('Inter Black'), local('Inter-Black'),
        url('./Inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-Black.woff2') format('woff2'),
        url('./Inter/Inter-Black.woff') format('woff'),
        url('./Inter/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-BlackItalic.eot');
    src: local('Inter Black Italic'), local('Inter-BlackItalic'),
        url('./Inter/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-BlackItalic.woff2') format('woff2'),
        url('./Inter/Inter-BlackItalic.woff') format('woff'),
        url('./Inter/Inter-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-LightBETA.eot');
    src: local('Inter Light BETA'), local('Inter-LightBETA'),
        url('./Inter/Inter-LightBETA.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-LightBETA.woff2') format('woff2'),
        url('./Inter/Inter-LightBETA.woff') format('woff'),
        url('./Inter/Inter-LightBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-SemiBold.eot');
    src: local('Inter Semi Bold'), local('Inter-SemiBold'),
        url('./Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-SemiBold.woff2') format('woff2'),
        url('./Inter/Inter-SemiBold.woff') format('woff'),
        url('./Inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-ExtraBoldItalic.eot');
    src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'),
        url('./Inter/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-ExtraBoldItalic.woff2') format('woff2'),
        url('./Inter/Inter-ExtraBoldItalic.woff') format('woff'),
        url('./Inter/Inter-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-Bold.eot');
    src: local('Inter Bold'), local('Inter-Bold'),
        url('./Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-Bold.woff2') format('woff2'),
        url('./Inter/Inter-Bold.woff') format('woff'),
        url('./Inter/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-ExtraLightItalicBETA.eot');
    src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'),
        url('./Inter/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-ExtraLightItalicBETA.woff2') format('woff2'),
        url('./Inter/Inter-ExtraLightItalicBETA.woff') format('woff'),
        url('./Inter/Inter-ExtraLightItalicBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-ExtraLightBETA.eot');
    src: local('Inter Extra Light BETA'), local('Inter-ExtraLightBETA'),
        url('./Inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-ExtraLightBETA.woff2') format('woff2'),
        url('./Inter/Inter-ExtraLightBETA.woff') format('woff'),
        url('./Inter/Inter-ExtraLightBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-ExtraBold.eot');
    src: local('Inter Extra Bold'), local('Inter-ExtraBold'),
        url('./Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-ExtraBold.woff2') format('woff2'),
        url('./Inter/Inter-ExtraBold.woff') format('woff'),
        url('./Inter/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-ThinBETA.eot');
    src: local('Inter Thin BETA'), local('Inter-ThinBETA'),
        url('./Inter/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-ThinBETA.woff2') format('woff2'),
        url('./Inter/Inter-ThinBETA.woff') format('woff'),
        url('./Inter/Inter-ThinBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-LightItalicBETA.eot');
    src: local('Inter Light Italic BETA'), local('Inter-LightItalicBETA'),
        url('./Inter/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-LightItalicBETA.woff2') format('woff2'),
        url('./Inter/Inter-LightItalicBETA.woff') format('woff'),
        url('./Inter/Inter-LightItalicBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-Italic.eot');
    src: local('Inter Italic'), local('Inter-Italic'),
        url('./Inter/Inter-Italic.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-Italic.woff2') format('woff2'),
        url('./Inter/Inter-Italic.woff') format('woff'),
        url('./Inter/Inter-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-SemiBoldItalic.eot');
    src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'),
        url('./Inter/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-SemiBoldItalic.woff2') format('woff2'),
        url('./Inter/Inter-SemiBoldItalic.woff') format('woff'),
        url('./Inter/Inter-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./Inter/Inter-Medium.eot');
    src: local('Inter Medium'), local('Inter-Medium'),
        url('./Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('./Inter/Inter-Medium.woff2') format('woff2'),
        url('./Inter/Inter-Medium.woff') format('woff'),
        url('./Inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Hide the original input */
.elementor-field-group-bfc6c82 input[type="number"] {
    display: none !important;
}

/* Make the field group relative for dropdown positioning */
.elementor-field-group-bfc6c82 {
    position: relative !important;
}
button.btn.dropdown-toggle.btn-light:before {
    background-image: url(https://vallartaluxuryvillas.com/wp-content/uploads/2025/10/location-pin.png);
    content: "";
    width: 38px;
    height: 50px;
    filter: invert(1);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: -5px;
    position: relative;
}

/* Guest selector trigger button */
.guest-selector-trigger {
    border-radius: 8px;
    padding: 14px 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
    width: 100%;
    min-height: 50px;
}
.guest-display {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
}
.guest-display span{
    color: #ffffff;
}
.guest-display.placeholder {
    font-weight: 400;
    color: #ffffff;
}

.guest-icon {
    width: 20px;
    height: 20px;
    opacity: 0.7;
}

.chevron-icon {
    width: 20px;
    height: 20px;
    fill: #ffffff;
    transition: transform 0.3s ease;
}

.guest-selector-trigger.active .chevron-icon {
    transform: rotate(180deg);
}

/* Dropdown panel */
.guest-dropdown-panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #1d1f21;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 9999;
    min-width: 280px;
    color: #ffffff;
}

.guest-dropdown-panel.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    border-color:#dce0e0;
}

.guest-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.guest-label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #ffffff;
}

.guest-title {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.guest-subtitle {
    font-size: 13px;
    color: #ffffff;
}

.guest-counter {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #ffffff;
}

.guest-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #e2e8f0;
    background: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    font-size: 20px;
    color: #A58A56;
    font-weight: 600;
    outline: none;
}

.guest-btn:hover:not(:disabled) {
    background: #A58A56;
    color: white;
    border-color: #A58A56;
    transform: scale(1.1);
}

.guest-btn:active:not(:disabled) {
    transform: scale(0.95);
}

.guest-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.guest-number {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    min-width: 30px;
    text-align: center;
}
.guest-display.placeholder{
    background-color:transparent;
}
/* Responsive */
@media (max-width: 768px) {
    .guest-dropdown-panel {
        min-width: auto;
        left: 0;
        right: 0;
    }
}
.guest-icon{
    display: none !important;
}

/**********CITY*************/
/* ========== City dropdown styles ========== */
@media screen and (min-width: 768px) {
   .houzez-city-js.bootstrap-select {
        width: 240px !important;          
    } 
    .houzez-city-js.bootstrap-select > .dropdown-toggle {
        padding: 0 40px 0 40px; 
    }
}


/* Dropdown toggle button styling */

.houzez-city-js.bootstrap-select > .dropdown-toggle {
  position: relative;
  height: 46px;
  padding: 0;
  border: 0;
  border-radius: 30px;
  background-color: #1d1f21;          
  color: white;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 6px 15px rgba(0,0,0,.15);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect for dropdown toggle */
.houzez-city-js.bootstrap-select > .dropdown-toggle:hover {
  background-color: #333;
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
}

/* Filter option text */
.houzez-city-js .filter-option-inner-inner {
  flex-grow: 1;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.bootstrap-select .dropdown-toggle .filter-option{
    height: auto;
}
/* Icon (location pin) inside the dropdown */
/*.houzez-city-js.bootstrap-select > .dropdown-toggle::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  left: 14px;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*  width: 18px;*/
/*  height: 18px;*/
/*  background: #fff;*/
  /*-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="black" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2m-1 17.93A8.001 8.001 0 0 1 4.07 13H7c.26 1.19.72 2.3 1.33 3.28c.64.99 1.46 1.86 2.67 2.65ZM4.07 11A8.001 8.001 0 0 1 11 4.07V7c-1.19.26-2.3.72-3.28 1.33C7.73 8.98 6.86 9.8 6.07 11H4.07Zm8.93 8.93V17c1.19-.26 2.3-.72 3.28-1.33c.99-.64 1.86-1.46 2.65-2.67H19.93A8.001 8.001 0 0 1 13 19.93ZM17 11c-.26-1.19-.72-2.3-1.33-3.28C15.03 6.73 14.2 5.86 13 5.07V4.07A8.001 8.001 0 0 1 19.93 11H17Z"/></svg>') center/contain no-repeat;*/
  /*mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="black" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2m-1 17.93A8.001 8.001 0 0 1 4.07 13H7c.26 1.19.72 2.3 1.33 3.28c.64.99 1.46 1.86 2.67 2.65ZM4.07 11A8.001 8.001 0 0 1 11 4.07V7c-1.19.26-2.3.72-3.28 1.33C7.73 8.98 6.86 9.8 6.07 11H4.07Zm8.93 8.93V17c1.19-.26 2.3-.72 3.28-1.33c.99-.64 1.86-1.46 2.65-2.67H19.93A8.001 8.001 0 0 1 13 19.93ZM17 11c-.26-1.19-.72-2.3-1.33-3.28C15.03 6.73 14.2 5.86 13 5.07V4.07A8.001 8.001 0 0 1 19.93 11H17Z"/></svg>') center/contain no-repeat;*/
/*  opacity: 0.7;*/
/*}*/

/* Chevron icon (rotate when opened) */
.houzez-city-js.bootstrap-select > .dropdown-toggle::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 18px;
  height: 18px;
  background: #fff;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6H6z"/></svg>') center/contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6H6z"/></svg>') center/contain no-repeat;
  transition: transform 0.2s ease;
}

/* When dropdown is open - Chevron rotates 180 degrees */
.houzez-city-js.bootstrap-select > .dropdown-toggle.show::after {
  transform: translateY(-50%) rotate(180deg); /* Chevron rotated up */
}


/* Dropdown menu */
.houzez-city-js .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 6px 0;
  background-color: #1c1f22;
  border-radius: 8px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 10;
}

.houzez-city-js .dropdown-menu.show {
  display: block;
  opacity: 1;
}

/* Remove scrollbar and make the dropdown smooth */
.houzez-city-js .dropdown-menu {
  max-height: none !important; 
  overflow: visible !important; 
}

/* Dropdown item styling */
.houzez-city-js .dropdown-item {
  padding: 10px 20px;
  color: #fff;  
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  border-radius: 8px;
}

.houzez-city-js .dropdown-item:hover,
.houzez-city-js .dropdown-item:focus {
  background-color: #444;
}

.houzez-city-js .dropdown-item.active,
.houzez-city-js .dropdown-item.active:hover {
  background-color: #111;
  color: #fff;
}

/* Location pin icon in items */
.houzez-city-js .dropdown-item i {
  margin-right: 12px;
  font-size: 18px;
  color: #fff;
  transition: color 0.3s ease;
}

.houzez-city-js .dropdown-item:hover i {
  color: #fff; 
}
.bootstrap-select .dropdown-menu {
    border-color: inherit;
}
button.btn.dropdown-toggle.bs-placeholder.btn-light .filter-option-inner-inner{
     padding: 14px 18px;
     padding-right: 0;
}
.bootstrap-select .filter-option-inner-inner, #check-in-date::placeholder, #check-out-date::placeholder{
    padding: 14px 0;
}
.bootstrap-select .dropdown-menu li a span.text{
    color: #fff;
}
.bootstrap-select .dropdown-menu .inner{
    overflow-x: hidden;
}
.elementor-2648 .elementor-element.elementor-element-42bb8c1 .elementor-field-group .elementor-select-wrapper .form-control{
    background-color: #000000;
}
button.btn.dropdown-toggle.bs-placeholder.btn-light:before{
    height: 44px;
    left: 0;
}
.elementor-field-group-checkin:before, .elementor-field-group-checkout:before{
    color: #7E7E7E;
}
.flatpickr-calendar.animate.open{
    background-color: #1d1f21!important;
}
.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg{
    fill:#A58A56!important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
    background-color: #000000 !important;
}
.flatpickr-calendar:after, .flatpickr-calendar:before{
    border: none !important;
}
/*CALENDAR*/
/* ========== Date Picker Styling for the provided HTML structure ========== */
/* Calendar popup container */
.datepicker,
.ui-datepicker,
.flatpickr-calendar {
    background: rgba(0, 0, 0, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Calendar header (month/year) */
.datepicker-switch,
.ui-datepicker-header,
.flatpickr-current-month {
    background: transparent !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border: none !important;
    padding: 10px 0 !important;
}

/* Navigation arrows */
.prev, .next,
.ui-datepicker-prev, .ui-datepicker-next,
.flatpickr-prev-month, .flatpickr-next-month {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.prev:hover, .next:hover,
.ui-datepicker-prev:hover, .ui-datepicker-next:hover,
.flatpickr-prev-month:hover, .flatpickr-next-month:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* Day names (Su, Mo, Tu, etc.) */
.datepicker table thead tr th,
.ui-datepicker-calendar thead th,
.flatpickr-weekday {
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    padding: 8px 5px !important;
}

/* Individual day cells */
.datepicker table tbody td,
.ui-datepicker-calendar tbody td,
.flatpickr-day {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px !important;
    text-align: center !important;
}

/* Day hover state */
.datepicker table tbody td:hover,
.ui-datepicker-calendar tbody td:hover,
.flatpickr-day:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    cursor: pointer !important;
}

/* Selected/active day */
.datepicker table tbody td.active,
.ui-datepicker-calendar tbody td.ui-state-active,
.flatpickr-day.selected,
.flatpickr-day.today.selected {
    background: #C4A661 !important; /* Gold color to match your theme */
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Today's date */
.datepicker table tbody td.today,
.ui-datepicker-calendar tbody td.ui-datepicker-today,
.flatpickr-day.today {
    background: rgba(196, 166, 97, 0.3) !important;
    border: 1px solid #C4A661 !important;
}

/* Disabled/past dates */
.datepicker table tbody td.disabled,
.ui-datepicker-calendar tbody td.ui-state-disabled,
.flatpickr-day.disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: rgba(255, 255, 255, 0.3) !important;
    pointer-events: none !important;
}

/* Clear and Today buttons at bottom */
.datepicker-footer,
.ui-datepicker-buttonpane,
.flatpickr-buttons {
    padding-top: 10px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.datepicker-footer button,
.ui-datepicker-buttonpane button,
.flatpickr-button {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
    margin: 0 5px !important;
}

.datepicker-footer button:hover,
.ui-datepicker-buttonpane button:hover,
.flatpickr-button:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}
/* Ensure calendar displays full weeks */
.flatpickr-calendar {
    width: auto !important;
}

.flatpickr-days {
    width: 100% !important;
}

.flatpickr-innerContainer {
    overflow: visible !important;
}

.dayContainer {
    min-width: 280px !important;
    max-width: 350px !important;
}

/* Ensure all day cells are visible */
.flatpickr-day {
    height: 40px !important;
    line-height: 40px !important;
    max-width: 40px !important;
    width: 14.2857% !important;
}
/* Style disabled/past dates to appear grayed out */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: rgba(255, 255, 255, 0.2) !important;
    background: transparent !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Extra styling for dates that cannot be selected */
.flatpickr-day[aria-disabled="true"] {
    color: rgba(255, 255, 255, 0.15) !important;
    opacity: 0.3 !important;
    text-decoration: line-through !important;
}

/* Ensure past dates in current month are clearly disabled */
.flatpickr-day.flatpickr-disabled.today {
    color: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    background: transparent !important;
}

/* Style for dates before today more distinctly */
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
    opacity: 0.25 !important;
    filter: grayscale(100%) !important;
}