/* StayDelta — dikey (uçuş/araç/transfer/gezilecek) arama formları.
   searchbar.css bileşen ailesini (.sd-bar/.sd-seg/.sd-cal/.sd-guests/.sd-step) yeniden kullanır;
   burada yalnızca dikeylere özgü ekler var. Palet: turuncu #E8590C marka + lacivert #17255F aksiyon. */

/* Hero (marka turuncu zemin) */
.v-hero{background:var(--brand,#E8590C);color:#fff;padding:10px 0 46px}
.v-hero h1{font-size:32px;font-weight:800;letter-spacing:-.5px;margin:8px 0 4px}
.v-hero p{font-size:17px;opacity:.96;margin:0 0 16px}
.v-wrap{max-width:1080px;margin:0 auto;padding:0 16px}

/* Sefer tipi / seçenek şeridi (hero üstünde, beyaz pill'ler) */
.v-opts{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin:2px 0 14px}
.v-radio{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;user-select:none}
.v-radio input{position:absolute;opacity:0;pointer-events:none}
.v-radio .dot{width:18px;height:18px;border-radius:50%;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.v-radio input:checked + .dot::after{content:"";width:9px;height:9px;border-radius:50%;background:#fff}
.v-check{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;user-select:none}
.v-check input{width:16px;height:16px;accent-color:#17255F}

/* Segment ekleri: saat select + sürücü yaşı — .sd-seg içinde */
.sd-seg .v-sub{display:flex;flex-direction:column;min-width:0;flex:1}
.sd-seg .v-sub b{font-size:11px;color:#6b6b6b;font-weight:600;line-height:1.1}
.sd-seg select.v-time,.sd-seg select.v-age{border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:#1a1a1a;cursor:pointer;padding:0;width:100%}
.v-seg-sm{flex:0 0 auto}

/* Alan hatası */
.sd-seg.v-invalid{outline:2px solid #cc0000;outline-offset:1px;border-radius:6px}
.v-err{color:#ffd7d1;font-size:13px;font-weight:600;margin:8px 2px 0;min-height:1px}
.v-err:empty{display:none}

/* "Çok yakında" sonuç kartı + lead formu */
.v-result{max-width:1080px;margin:26px auto 0;padding:0 16px}
.v-result[hidden]{display:none}
.v-card{background:#fff;border:1px solid var(--line,#e7e7e7);border-top:5px solid var(--brand,#E8590C);border-radius:12px;box-shadow:0 6px 22px rgba(0,0,0,.08);padding:26px 26px 24px;text-align:center}
.v-card .ico{font-size:40px;line-height:1}
.v-card h2{font-size:23px;color:var(--accent,#17255F);margin:10px 0 6px}
.v-card .sum{color:#444;font-size:15px;margin:0 auto 4px;max-width:640px}
.v-card .sum b{color:#1a1a1a}
.v-card .soon-tag{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,#E8590C,#F97316);color:#2b1000;font-size:12.5px;font-weight:700;padding:5px 14px;border-radius:20px;letter-spacing:.3px;margin:10px 0 2px}
.v-card .soon-tag::before{content:"🚀"}
.v-lead{max-width:520px;margin:18px auto 0}
.v-lead .lab{font-size:14px;color:#333;margin-bottom:8px}
.v-lead form{display:flex;gap:8px}
.v-lead input[type=email]{flex:1;padding:12px 14px;border:1px solid #b8c0cc;border-radius:8px;font-size:15px;font-family:inherit}
.v-lead input[type=email]:focus{outline:none;border-color:var(--accent,#17255F);box-shadow:0 0 0 2px #d6dcef}
.v-lead button{background:var(--cta,#17255F);color:#fff;border:0;border-radius:8px;padding:0 22px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}
.v-lead button:hover{background:var(--cta-hover,#0F1A45)}
.v-lead button:disabled{opacity:.6;cursor:default}
.v-lead .note{font-size:12px;color:#8a94a4;margin-top:8px}
.v-ok{color:#008009;font-weight:700;font-size:15px;padding:6px 0}
.v-bad{color:#cc0000;font-weight:600;font-size:14px;margin-top:6px;min-height:1px}

/* İçerik: "neler gelecek" bölümü */
.v-info{max-width:1080px;margin:34px auto;padding:0 16px}
.v-info h2{font-size:22px;margin:0 0 4px}
.v-info .sub{color:#6b7280;font-size:14px;margin:0 0 18px}
.v-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v-feat .it{background:#fff;border:1px solid var(--line,#e7e7e7);border-radius:10px;padding:16px 18px}
.v-feat .it .em{font-size:24px}
.v-feat .it strong{display:block;font-size:15px;margin:8px 0 3px}
.v-feat .it p{font-size:13px;color:#6b7280;margin:0;line-height:1.5}

@media(max-width:820px){
  .v-hero h1{font-size:25px}
  .v-feat{grid-template-columns:1fr}
  .v-lead form{flex-direction:column}
  .v-lead button{padding:12px}
}