/*

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team

Author: Elementor Team

Author URI: https://elementor.com/

Template: hello-elementor

Version: 1.0.1

Text Domain: hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

/* STYLE.CSS OR ADDITIONAL CSS */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

.yl-booking-box{
  width:100%;
  max-width:370px;
  padding:20px;
  border-radius:24px;
  font-family:'Inter',sans-serif;
  background:radial-gradient(circle at top right,rgba(230,181,65,.22),transparent 35%),linear-gradient(145deg,#121212,#1e1d1a);
  border:1px solid rgba(231,185,75,.42);
  box-shadow:0 24px 65px rgba(0,0,0,.42),0 0 28px rgba(231,185,75,.16);
  color:#fff;
  overflow:visible;
}

.yl-badge-form {
  display: inline-block;
  padding: 7px 13px;
  border-radius: 999px;
  border: 1px solid rgba(231, 185, 75, .55);
  color: #ffd76f;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.yl-booking-box h2{
  margin:0;
  font-size:29px;
  line-height:1;
  font-weight:800;
}

.yl-booking-box p{
  margin:9px 0 18px;
  color:rgba(255,255,255,.72);
  font-size:13.5px;
}

.yl-field{
  height:48px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  margin-bottom:9px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  position:relative;
}

.yl-field span{
  color:#ffd76f;
  min-width:16px;
}

.yl-field input,
.yl-booking-box select{
  width:100%;
  height:48px;
  border:0;
  outline:0;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-size:14px;
  background:transparent;
}

.yl-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-bottom:9px;
}

.yl-picker{
  position:relative;
  height:48px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}

.yl-picker span{
  color:#fff;
  font-size:14px;
  white-space:nowrap;
  pointer-events:none;
}

.yl-picker input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0.01;
  z-index:5;
  cursor:pointer;
}

.yl-booking-box select{
  padding:0 14px;
  margin-bottom:9px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}

.yl-booking-box option{
  color:#111;
  background:#fff;
}

.yl-location-wrap{
  overflow:visible !important;
  z-index:9999;
}

.yl-suggestions{
  position:absolute;
  top:54px;
  left:0;
  right:0;
  display:none;
  max-height:220px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background:#fff;
  border-radius:12px;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  z-index:2147483647;
}

.yl-suggestion-item{
  padding:12px 13px;
  color:#111;
  -webkit-text-fill-color:#111;
  background:#fff;
  font-size:12px;
  line-height:1.35;
  border-bottom:1px solid #eee;
  cursor:pointer;
  touch-action:manipulation;
}

.yl-quote-btn{
  width:100%;
  height:52px;
  border-radius:15px;
  border:0;
  color:#111;
  background:linear-gradient(135deg,#d7a838,#ffe082,#d7a838);
  box-shadow:0 14px 34px rgba(231,185,75,.35);
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:767px){
  .yl-booking-box{
    max-width:320px;
    padding:16px;
    border-radius:20px;
    margin:0 auto;
    overflow:visible !important;
  }

  .yl-badge{
    font-size:9px;
    padding:6px 10px;
    margin-bottom:12px;
  }

  .yl-booking-box h2{
    font-size:22px;
  }

  .yl-booking-box p{
    font-size:12px;
    margin-bottom:14px;
  }

  .yl-field{
    height:44px;
    padding:0 12px;
    margin-bottom:8px;
  }

  .yl-field input{
    height:44px;
    font-size:13px;
  }

  .yl-row{
    gap:6px;
    margin-bottom:8px;
  }

  .yl-picker{
    height:44px;
    padding:0 10px;
  }

  .yl-picker span{
    font-size:12px;
  }

  .yl-booking-box select{
    height:44px;
    font-size:13px;
    margin-bottom:8px;
  }

  .yl-quote-btn{
    height:46px;
    font-size:14px;
    border-radius:12px;
  }

  .yl-suggestions{
    top:48px;
    max-height:190px;
  }
}