
/* ============================================================
   TaksimTransfer V7.3.0 – Hero Booking UIX V2
   Sadece anasayfa rezervasyon kutusunu etkiler.
   ============================================================ */

.booking-uix-v730{
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid rgba(212,225,240,.95)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 20px 55px rgba(6,33,67,.18)!important;
  overflow:visible!important;
  backdrop-filter:blur(10px)!important;
}

/* Üst başlık */
.booking-head-v730{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.booking-head-v730>div{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.booking-head-v730 small{
  margin-bottom:3px!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  color:#1a7ee8!important;
}
.booking-head-v730 strong{
  color:#122947!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.booking-secure-v730{
  flex:0 0 auto!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  background:#eaf8f1!important;
  color:#168455!important;
  font-size:7.5px!important;
  font-weight:900!important;
}

/* Sekmeler */
.booking-tabs-v730{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:5px!important;
  padding:5px!important;
  margin-bottom:12px!important;
  border-radius:12px!important;
  background:#edf3f9!important;
}
.booking-tabs-v730 button{
  min-height:38px!important;
  border:0!important;
  border-radius:9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:7px 8px!important;
  background:transparent!important;
  color:#51657c!important;
  font-size:8.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.booking-tabs-v730 button.active{
  background:#fff!important;
  color:#1478e6!important;
  box-shadow:0 3px 12px rgba(17,59,101,.09)!important;
}
.tab-icon-v730{
  display:inline-flex!important;
  width:21px!important;
  height:21px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:rgba(21,124,239,.08)!important;
  color:#157cef!important;
  font-size:10px!important;
}

/* Nereden -> Nereye tek görsel satır */
.booking-route-v730{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  margin-bottom:10px!important;
}
.booking-location-wrap-v730{
  position:relative!important;
  min-width:0!important;
}
.booking-location-v730{
  min-height:64px!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 10px!important;
  margin:0!important;
  border:1px solid #dce6f0!important;
  border-radius:12px!important;
  background:#fbfdff!important;
  box-shadow:none!important;
}
.booking-location-v730:focus-within{
  border-color:#2688f1!important;
  box-shadow:0 0 0 3px rgba(38,136,241,.08)!important;
  background:#fff!important;
}
.booking-pin-v730{
  display:flex!important;
  width:29px!important;
  height:29px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  background:#eaf5ff!important;
}
.booking-pin-v730 svg{
  width:15px!important;
  height:15px!important;
  fill:#157cef!important;
}
.booking-location-copy-v730{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.booking-location-copy-v730 small{
  display:block!important;
  margin:0 0 2px!important;
  color:#697b90!important;
  font-size:7.5px!important;
  font-weight:800!important;
}
.booking-location-copy-v730 input{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#112846!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.25!important;
  box-shadow:none!important;
}
.booking-location-copy-v730 input::placeholder{
  color:#8b98aa!important;
  opacity:1!important;
  font-weight:700!important;
}

/* Swap tam ortada */
.booking-swap-v730{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #dce7f2!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#167ded!important;
  box-shadow:0 5px 16px rgba(16,65,111,.09)!important;
  cursor:pointer!important;
  z-index:4!important;
}
.booking-swap-v730 svg{
  width:16px!important;
  height:16px!important;
  fill:currentColor!important;
}

/* Suggestion listleri */
.booking-location-wrap-v730 .v720-suggestions{
  top:calc(100% + 6px)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:40!important;
  border-radius:11px!important;
  box-shadow:0 16px 34px rgba(13,44,80,.14)!important;
}

/* Tarih / Saat / Yolcu / Bavul */
.booking-meta-v730{
  display:grid!important;
  grid-template-columns:1.1fr .9fr .8fr .8fr!important;
  gap:7px!important;
  margin:0 0 10px!important;
}
.booking-meta-v730>label{
  min-width:0!important;
  min-height:54px!important;
  padding:8px 9px!important;
  margin:0!important;
  border:1px solid #dce6f0!important;
  border-radius:11px!important;
  background:#fff!important;
}
.booking-meta-v730>label>small{
  display:block!important;
  margin-bottom:3px!important;
  color:#6e7e91!important;
  font-size:7.5px!important;
  font-weight:800!important;
}
.booking-meta-v730>label>div{
  min-width:0!important;
}
.booking-meta-v730 input,
.booking-meta-v730 select{
  width:100%!important;
  min-width:0!important;
  height:25px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#112846!important;
  font-size:9.5px!important;
  font-weight:900!important;
}

/* CTA */
.booking-submit-v730{
  width:100%!important;
  min-height:45px!important;
  border:0!important;
  border-radius:11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  background:linear-gradient(90deg,#147cf0,#106ad8)!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(20,124,240,.18)!important;
}
.booking-submit-v730:hover{
  filter:brightness(.97)!important;
}
.booking-submit-v730 b{
  font-size:14px!important;
}

/* Güven satırı */
.booking-trust-v730{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:5px!important;
  margin-top:10px!important;
  padding:0 3px!important;
}
.booking-trust-v730 span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:#6f8094!important;
  font-size:7.6px!important;
  white-space:nowrap!important;
}
.booking-trust-v730 i{
  display:inline-flex!important;
  width:16px!important;
  height:16px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#eaf8f1!important;
  color:#178455!important;
  font-style:normal!important;
  font-size:8px!important;
  font-weight:900!important;
}

/* Masaüstünde hero içindeki kartın dengesi */
@media(min-width:901px){
  .booking-uix-v730{
    width:100%!important;
    max-width:470px!important;
    justify-self:end!important;
  }
}

/* Tablet: Nereden/Nereye hala yan yana */
@media(max-width:900px){
  .booking-uix-v730{padding:14px!important}
  .booking-head-v730{margin-bottom:10px!important}
}

/* Mobil: tek kolon, swap yatayda ortada */
@media(max-width:620px){
  .booking-head-v730{
    align-items:flex-start!important;
  }
  .booking-secure-v730{display:none!important}
  .booking-tabs-v730{
    grid-template-columns:1fr!important;
  }
  .booking-tabs-v730 button{
    justify-content:flex-start!important;
    padding-left:12px!important;
  }
  .booking-route-v730{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .booking-swap-v730{
    justify-self:center!important;
    transform:rotate(90deg)!important;
  }
  .booking-meta-v730{
    grid-template-columns:1fr 1fr!important;
  }
  .booking-trust-v730{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
}
