.ygb,.ygb *{box-sizing:border-box}
.ygb{
  --blue:#0f72d8;--blue2:#0865c5;--ink:#101827;--muted:#657083;--soft:#f4f6f8;--line:#d9dee6;
  position:relative;width:100%;margin:0 auto;color:var(--ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:0
}
.ygb button,.ygb input,.ygb select{font:inherit;letter-spacing:0}
.ygb button{cursor:pointer}

/* Yolculuk tipi */
.ygb-tabs{
  position:relative;z-index:20;display:grid;grid-template-columns:1fr 1fr;
  width:316px;margin:0 auto 18px;padding:5px;border:1px solid rgba(255,255,255,.62);
  border-radius:999px;background:rgba(16,24,39,.9);box-shadow:0 14px 35px rgba(6,12,22,.25);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)
}
.ygb-tab{
  min-height:44px;padding:10px 22px;border:0;border-radius:999px;background:transparent;
  color:#cbd2dc;font-weight:750;transition:background .18s,color .18s,box-shadow .18s
}
.ygb-tab:hover{color:#fff}
.ygb-tab.is-active{background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(15,114,216,.4)}

/* Ana rezervasyon kartı */
.ygb-panel{
  position:relative;padding:22px;border:1px solid rgba(255,255,255,.88);border-radius:14px;
  background:rgba(255,255,255,.92);box-shadow:0 24px 65px rgba(7,15,28,.24);
  -webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)
}
.ygb-search{transform-origin:top center;animation:ygbOpen .24s ease both}
@keyframes ygbOpen{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}
.ygb-grid{display:grid;grid-template-columns:1.35fr 1.35fr .72fr .62fr .68fr auto;align-items:end;gap:12px}
.ygb-field{position:relative;display:flex;min-width:0;flex-direction:column;padding:0;border:0}
.ygb-field>span{margin:0 0 7px;color:#4d5869;font-size:.69rem;font-weight:800;line-height:1.2;text-transform:uppercase}
.ygb-field input,.ygb-field select{
  width:100%;height:52px;margin:0;padding:0 38px 0 14px;border:1px solid var(--line);border-radius:9px;
  outline:0;background:#fff!important;color:var(--ink)!important;box-shadow:none!important;text-align:left;color-scheme:light;
  transition:border-color .16s,box-shadow .16s,background .16s
}
.ygb-field input::placeholder{color:#8993a2;opacity:1}
.ygb-field input[type=date]::-webkit-calendar-picker-indicator,.ygb-field input[type=time]::-webkit-calendar-picker-indicator{filter:none!important;opacity:.7;cursor:pointer}
.ygb-field input:hover,.ygb-field select:hover{border-color:#aeb8c5}
.ygb-field input:focus,.ygb-field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,114,216,.13)!important;background:#fff!important}
.ygb-field select{
  appearance:none;background-image:linear-gradient(45deg,transparent 50%,#596577 50%),linear-gradient(135deg,#596577 50%,transparent 50%)!important;
  background-position:calc(100% - 17px) 23px,calc(100% - 12px) 23px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important
}
.ygb-field select option{background:#fff;color:var(--ink)}
.ygb-field small{display:none}.ygb-address{z-index:30}
.ygb-return{grid-column:2/3;margin-top:4px}
.ygb-primary{
  min-height:52px;margin:0;padding:0 24px;border:0;border-radius:999px;background:var(--blue);
  color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px rgba(15,114,216,.27);
  transition:background .18s,transform .18s,box-shadow .18s
}
.ygb-primary:hover{background:var(--blue2);transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,114,216,.35)}
.ygb-primary:disabled{cursor:wait;opacity:.65;transform:none}

/* Google adres sonuçları */
.ygb-suggestions{
  display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:100;max-height:310px;overflow:auto;
  border:1px solid #dbe1e8;border-radius:11px;background:#fff;box-shadow:0 22px 55px rgba(10,18,32,.22)
}
.ygb-suggestions.is-open{display:block}
.ygb-suggestion{display:flex;width:100%;flex-direction:column;gap:4px;padding:12px 14px;border:0;border-bottom:1px solid #edf0f3;background:#fff;color:var(--ink);text-align:left}
.ygb-suggestion:last-child{border-bottom:0}
.ygb-suggestion:hover,.ygb-suggestion:focus{background:#eef6ff;outline:0}
.ygb-suggestion strong{font-size:.85rem;line-height:1.25}.ygb-suggestion span{overflow:hidden;color:#697487;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}
.ygb-suggestion-error{padding:13px 14px;background:#fff4f3;color:#a82b22;font-size:.79rem;line-height:1.45}
.ygb-status{min-height:16px;margin:12px 0 -4px;color:#536174;font-size:.78rem;text-align:center}
.ygb-status.is-error{padding:9px 12px;border:1px solid #ffd5d1;border-radius:8px;background:#fff3f2;color:#a42b22}

/* Sonraki adımlar */
.ygb-back{margin:0 0 15px;padding:9px 13px;border:1px solid #d7dde5;border-radius:8px;background:#fff;color:#263244;font-weight:750}
.ygb-back:hover{background:#f3f6f9}
.ygb-route-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:14px 16px;border-radius:10px;background:#f1f5f9}
.ygb-route-summary strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.ygb-route-summary span{color:#617084;font-size:.84rem;white-space:nowrap}
.ygb-vehicles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ygb-vehicle{display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:16px;min-height:128px;padding:15px;border:1px solid #e0e5eb;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 9px 25px rgba(16,24,39,.07)}
.ygb-vehicle:hover{border-color:#b5d8fb;box-shadow:0 13px 31px rgba(15,114,216,.12)}
.ygb-vehicle img{display:block;width:145px;height:90px;object-fit:contain;mix-blend-mode:multiply}
.ygb-vehicle h3{margin:0 0 6px;color:var(--ink);font-size:1rem;line-height:1.25}.ygb-vehicle p{margin:0 0 8px;color:#697487;font-size:.75rem}.ygb-vehicle-copy>strong{color:var(--blue);font-size:1.13rem}
.ygb-vehicle.is-quote .ygb-vehicle-copy>strong{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef4fb;color:#263244;font-size:.82rem}
.ygb-vehicle button{min-width:60px;padding:10px 15px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:800}.ygb-vehicle button:hover{background:var(--blue2)}
.ygb-selected{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:13px 15px;border:1px solid #dce2e9;border-radius:10px;background:#f4f7fa}
.ygb-selected span{color:#687487;font-size:.8rem}.ygb-selected strong{color:var(--ink)}
.ygb-customer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ygb-customer-grid .ygb-field{padding:0;border:0}
.ygb-consent{grid-column:1/4;display:flex;align-items:flex-start;gap:8px;color:#657184;font-size:.74rem;line-height:1.45}.ygb-consent input{width:16px;height:16px;margin-top:1px;accent-color:var(--blue)}
.ygb-customer-grid .ygb-primary{margin:0}.ygb-empty{grid-column:1/-1;text-align:center}.ygb [hidden]{display:none!important}

@media(max-width:1120px){
  .ygb-grid{grid-template-columns:1fr 1fr 1fr}.ygb-primary{grid-column:1/-1;width:100%}.ygb-return{grid-column:auto;margin-top:0}
  .ygb-customer-grid{grid-template-columns:1fr 1fr}.ygb-consent{grid-column:1/-1}.ygb-customer-grid .ygb-primary{grid-column:1/-1}.ygb-vehicles{grid-template-columns:1fr}
}
@media(max-width:680px){
  .ygb{width:100%}.ygb-tabs{width:calc(100% - 28px);margin-bottom:10px;padding:5px}.ygb-tab{min-height:42px;padding:9px 10px;font-size:.86rem}
  .ygb-panel{padding:15px 14px 17px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(7,15,28,.24)}
  .ygb-grid{grid-template-columns:1fr;gap:12px}.ygb-field,.ygb-return{margin:0;padding:0}.ygb-field>span{margin-bottom:5px;font-size:.65rem}
  .ygb-field input,.ygb-field select{height:49px;text-align:left!important}.ygb-primary{min-height:50px;margin-top:2px}
  .ygb-suggestions{max-height:245px}.ygb-route-summary{align-items:flex-start;flex-direction:column;gap:5px}.ygb-route-summary strong,.ygb-route-summary span{white-space:normal}
  .ygb-vehicle{grid-template-columns:104px 1fr auto;gap:10px;min-height:105px;padding:10px}.ygb-vehicle img{width:104px;height:68px}.ygb-vehicle h3{font-size:.83rem}.ygb-vehicle p{font-size:.67rem}.ygb-vehicle-copy>strong{font-size:.94rem}.ygb-vehicle button{min-width:52px;padding:9px 10px;font-size:.76rem}
  .ygb-customer-grid{grid-template-columns:1fr}.ygb-consent{grid-column:1}.ygb-selected{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:400px){
  .ygb-vehicle{grid-template-columns:90px 1fr}.ygb-vehicle img{width:90px;height:62px}.ygb-vehicle button{grid-column:1/-1;width:100%}
}

/* WordPress ve Elementor tema stillerinden izolasyon */
#s1{overflow:visible!important}
#s1 .s1-widget,#s1 .ygb-home-slot,#s1 [data-yalovia-google-booking-slot],#s1 .ygb{overflow:visible!important}
#s1 .s1-widget,#s1 .ygb-home-slot{z-index:60!important}
#s1 .ygb-panel,#s1 .ygb-grid,#s1 .ygb-field,#s1 .ygb-address{overflow:visible!important}
#s1 .ygb-tabs{z-index:100!important;border:1px solid rgba(255,255,255,.62)!important;background:rgba(16,24,39,.9)!important}
#s1 .ygb button{
  -webkit-appearance:none!important;appearance:none!important;text-decoration:none!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important
}
#s1 .ygb .ygb-tab{
  border:0!important;border-radius:999px!important;background:transparent!important;color:#cbd2dc!important;
  box-shadow:none!important;outline:0!important
}
#s1 .ygb .ygb-tab:hover,#s1 .ygb .ygb-tab:focus{border:0!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
#s1 .ygb .ygb-tab.is-active,#s1 .ygb .ygb-tab.is-active:hover,#s1 .ygb .ygb-tab.is-active:focus{
  border:0!important;background:#0f72d8!important;color:#fff!important;box-shadow:0 7px 18px rgba(15,114,216,.4)!important
}
#s1 .ygb .ygb-primary,#s1 .ygb .ygb-vehicle button{
  border:0!important;background:#0f72d8!important;color:#fff!important;outline:0!important;text-shadow:none!important
}
#s1 .ygb .ygb-primary:hover,#s1 .ygb .ygb-primary:focus,#s1 .ygb .ygb-vehicle button:hover,#s1 .ygb .ygb-vehicle button:focus{
  border:0!important;background:#0865c5!important;color:#fff!important
}
#s1 .ygb .ygb-field input,#s1 .ygb .ygb-field select{
  border:1px solid #d9dee6!important;border-radius:9px!important;background-color:#fff!important;color:#101827!important;
  -webkit-text-fill-color:#101827!important;box-shadow:none!important;outline:0!important
}
#s1 .ygb .ygb-field input::placeholder{color:#8993a2!important;-webkit-text-fill-color:#8993a2!important;opacity:1!important}
#s1 .ygb .ygb-field input:focus,#s1 .ygb .ygb-field select:focus{
  border-color:#0f72d8!important;background:#fff!important;color:#101827!important;
  box-shadow:0 0 0 3px rgba(15,114,216,.13)!important
}
#s1 .ygb .ygb-field select{color-scheme:light!important}
#s1 .ygb .ygb-field select option{background:#fff!important;color:#101827!important}
#s1 .ygb .ygb-suggestions{
  z-index:99999!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid #dbe1e8!important;
  border-radius:11px!important;background:#fff!important;box-shadow:0 22px 55px rgba(10,18,32,.28)!important
}
#s1 .ygb .ygb-suggestion{
  display:flex!important;width:100%!important;min-height:58px!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:4px!important;margin:0!important;padding:11px 14px!important;
  border:0!important;border-bottom:1px solid #edf0f3!important;border-radius:0!important;background:#fff!important;
  color:#101827!important;text-align:left!important;box-shadow:none!important;outline:0!important
}
#s1 .ygb .ygb-suggestion:last-child{border-bottom:0!important}
#s1 .ygb .ygb-suggestion:hover,#s1 .ygb .ygb-suggestion:focus{background:#eef6ff!important;color:#101827!important}
#s1 .ygb .ygb-suggestion strong,#s1 .ygb .ygb-suggestion span{
  display:block!important;width:100%!important;margin:0!important;padding:0!important;text-align:left!important;line-height:1.25!important
}
#s1 .ygb .ygb-suggestion strong{color:#101827!important;font-size:.85rem!important;font-weight:750!important}
#s1 .ygb .ygb-suggestion span{overflow:hidden!important;color:#697487!important;font-size:.73rem!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#s1 .ygb .ygb-suggestion-error{border:0!important;background:#fff4f3!important;color:#a82b22!important}
#s1 .ygb .ygb-back,#s1 .ygb .ygb-back:hover,#s1 .ygb .ygb-back:focus{
  margin:0 0 15px!important;padding:9px 13px!important;border:1px solid #d7dde5!important;border-radius:8px!important;
  background:#fff!important;color:#263244!important;box-shadow:none!important;outline:0!important;text-shadow:none!important
}
#s1 .ygb .ygb-back:hover,#s1 .ygb .ygb-back:focus{border-color:#b9c4d1!important;background:#f3f6f9!important;color:#111827!important}

@media(max-width:680px){
  #s1:has(.ygb.is-open) .s1-slogan{display:none!important}
  #s1:has(.ygb.is-open){justify-content:flex-end!important;padding-bottom:18px!important}
  #s1 .ygb-tabs{margin-bottom:8px!important}
  #s1 .ygb-panel{padding:14px!important}
  #s1 .ygb-grid{grid-template-columns:1fr 1fr!important;gap:11px!important}
  #s1 .ygb-grid>.ygb-address{grid-column:1/-1!important}
  #s1 .ygb-grid>.ygb-field:nth-of-type(3){grid-column:1/2!important}
  #s1 .ygb-grid>.ygb-field:nth-of-type(4){grid-column:2/3!important}
  #s1 .ygb-grid>.ygb-field:nth-of-type(5){grid-column:1/-1!important}
  #s1 .ygb-grid>.ygb-return{grid-column:1/-1!important}
  #s1 .ygb-grid>.ygb-primary{grid-column:1/-1!important}
  #s1 .ygb .ygb-field input,#s1 .ygb .ygb-field select{height:47px!important;padding-left:12px!important;padding-right:30px!important;font-size:.85rem!important}
  #s1 .ygb .ygb-suggestions{max-height:220px!important}
  #s1 .ygb .ygb-suggestion{min-height:52px!important;padding:9px 11px!important}
}
