/* Snipetools Flight Time Calculator v3 */
.stft-wrap{max-width:1180px;margin:28px auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;color:#101828}
.stft-hero{background:linear-gradient(135deg,#fff7ed,#fff);border-radius:20px;padding:26px 18px;text-align:center;box-shadow:0 8px 22px rgba(16,24,40,.055);margin-bottom:16px}
.stft-hero h1{font-size:34px;margin:0 0 8px;font-weight:900;letter-spacing:-.035em}
.stft-hero p{max-width:760px;margin:auto;color:#667085;line-height:1.55;font-size:14px}
.stft-card,.stft-seo{background:#fff;border-radius:20px;padding:16px;box-shadow:0 8px 26px rgba(16,24,40,.055)}
.stft-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}
.stft-main,.stft-box{background:#fff;border-radius:16px;padding:14px;box-shadow:0 5px 16px rgba(16,24,40,.04)}
.stft-main h2,.stft-box h2,.stft-seo h2{margin:0 0 12px;font-size:18px;font-weight:900;letter-spacing:-.02em}
.stft-searchbar{background:#ffc107;border-radius:12px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;gap:14px;align-items:end}
.stft-inputbox label{display:block;font-size:14px;color:#344054;font-weight:900;margin-bottom:6px}
.stft-inputbox label span{font-size:24px;margin-right:6px;vertical-align:-4px}
.stft-inputrow{display:flex;align-items:center;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(16,24,40,.16);height:50px;overflow:hidden}
.stft-inputrow input{flex:1;border:0;outline:0;padding:0 10px;font-size:15px;min-width:0;height:50px}
.stft-inputrow a{font-size:12px;font-weight:900;color:#0ea5cf;text-decoration:none;padding:0 10px;white-space:nowrap}
.stft-inputrow a:hover{text-decoration:underline}
.stft-picked{margin-top:7px;font-size:12px;font-weight:800;color:#7c2d12;background:rgba(255,255,255,.65);border-radius:8px;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stft-searchbtn{height:50px;border:0;border-radius:4px;background:#0ea5cf;color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.stft-searchbtn:hover{filter:brightness(.96)}
.stft-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.stft-field label{display:block;font-weight:900;margin-bottom:5px;color:#344054;font-size:12.5px}
.stft-field select{width:100%;border:0;background:#f8fafc;border-radius:10px;padding:9px 10px;font-size:13px;box-sizing:border-box;outline:0;min-height:38px}
.stft-actions{display:flex;gap:8px;margin-top:10px}
.stft-btn{border:0;background:#f97316;color:#fff;border-radius:10px;padding:9px 13px;font-size:12.5px;font-weight:900;cursor:pointer}
.stft-btn.soft{background:#f8fafc;color:#344054}.stft-btn.full{width:100%}
.stft-note{background:#fff7ed;color:#9a3412;border-radius:12px;padding:10px 12px;margin-top:12px;font-size:12.5px;font-weight:800;line-height:1.55}
.stft-side{display:grid;gap:12px;position:sticky;top:16px;align-self:start}
.stft-box.result{background:#fff7ed}
#stft-result-main{margin-bottom:8px}
.stft-highlight{background:#fff;border-radius:12px;padding:11px 12px;box-shadow:0 4px 12px rgba(16,24,40,.05);animation:stftPop .18s ease both}
.stft-highlight strong{display:block;font-size:18px;line-height:1.4;color:#9a3412}
.stft-highlight span{display:block;font-size:13px;font-weight:900;color:#7c2d12;margin-top:3px}
#stft-result-details{color:#7c2d12;line-height:1.55;font-size:12.5px}
.stft-muted{display:block;margin-top:8px;font-size:12.2px;color:#7c2d12}
.stft-clock{display:flex;justify-content:space-between;gap:10px;background:#f8fafc;border-radius:12px;padding:10px;margin-bottom:8px;font-size:13px}
.stft-clock strong{color:#344054}.stft-clock span{font-weight:900;color:#f97316;text-align:right}
.stft-box.small{padding:10px}
.stft-status{background:#f97316;color:#fff;border-radius:12px;padding:10px 12px;font-weight:900;margin-top:14px;font-size:13px}
.stft-seo{margin-top:18px}.stft-seo p{color:#475467;line-height:1.65;font-size:13.5px}
.stft-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.stft-tags span{background:#fff7ed;color:#c2410c;padding:6px 10px;border-radius:999px;font-size:11.5px;font-weight:900}
@keyframes stftPop{from{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:980px){.stft-layout{grid-template-columns:1fr}.stft-side{position:relative;top:auto}.stft-searchbar{grid-template-columns:1fr}.stft-options{grid-template-columns:1fr}.stft-hero h1{font-size:30px}}
@media(max-width:560px){.stft-wrap{padding:0 10px}.stft-card{padding:12px}}


/* v3.1 UI fixes */
#stft-result-main .stft-highlight strong{
font-size:24px!important;
line-height:1.35!important;
}

#stft-result-main .stft-highlight span{
font-size:15px!important;
}

#stft-result-details{
font-size:14px!important;
line-height:1.7!important;
}

.stft-inputrow{
background:#ffffff!important;
border:1px solid #e5e7eb!important;
}

.stft-inputrow input{
background:#ffffff!important;
color:#101828!important;
}

.stft-inputrow input:-webkit-autofill,
.stft-inputrow input:-webkit-autofill:hover,
.stft-inputrow input:-webkit-autofill:focus{
-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;
-webkit-text-fill-color:#101828!important;
}

input[list]{
background:#ffffff!important;
color:#101828!important;
}

.stft-searchbar{
background:linear-gradient(135deg,#ffd54a,#ffc107)!important;
}

.stft-box.result{
background:#fff8e6!important;
}


/* v3.2 switch cities + larger icons */
.stft-inputbox label span{
font-size:34px!important;
margin-right:8px!important;
vertical-align:-8px!important;
}

.stft-switch-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
border:none;
background:#fff;
color:#9a3412;
font-size:12px;
font-weight:900;
border-radius:999px;
padding:7px 11px;
margin-bottom:8px;
box-shadow:0 3px 10px rgba(16,24,40,.12);
cursor:pointer;
}

.stft-switch-btn:hover{
background:#fff7ed;
transform:translateY(-1px);
}

.stft-inputbox label{
font-size:15px!important;
}


/* v3.3 final tweaks */
.stft-hero-icon{
display:inline-block;
font-size:42px;
margin-right:10px;
vertical-align:-6px;
}

#stft-result-details .stft-buffer-line{
display:block;
margin-bottom:8px;
}

#stft-result-details .stft-muted{
display:block;
margin-top:8px;
padding-top:8px;
border-top:1px solid rgba(124,45,18,.14);
}

.stft-inputbox label span{
font-size:38px!important;
margin-right:9px!important;
vertical-align:-9px!important;
}

@media(max-width:560px){
.stft-hero-icon{
display:block;
margin:0 0 6px;
}
}


/* v3.4 switch icon + local time spacing */
.stft-switch-btn{
width:38px!important;
height:38px!important;
padding:0!important;
border-radius:50%!important;
font-size:22px!important;
line-height:1!important;
margin-bottom:8px!important;
}

.stft-clock{
align-items:center!important;
}

.stft-clock strong{
min-width:92px!important;
margin-right:8px!important;
}

.stft-clock span{
flex:1!important;
text-align:right!important;
}


/* v3.5 layout/default fixes */
.stft-switch-row{
display:block!important;
margin-bottom:8px!important;
}

.stft-destination-label{
display:block!important;
clear:both!important;
}

.stft-switch-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}

.stft-clock strong{
min-width:100px!important;
padding-right:10px!important;
}

.stft-muted{
display:block!important;
margin-top:12px!important;
padding-top:10px!important;
}

#stft-result-details br + .stft-muted{
margin-top:12px!important;
}


/* v3.6 calculate + randomize cities */
.stft-search-actions{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
align-self:end!important;
}

.stft-randombtn{
width:100%;
border:none;
background:#ffffff;
color:#9a3412;
border-radius:4px;
min-height:38px;
font-size:12.5px;
font-weight:900;
cursor:pointer;
box-shadow:0 1px 4px rgba(16,24,40,.12);
}

.stft-randombtn:hover{
background:#fff7ed;
}

.stft-searchbtn{
min-height:44px!important;
}


/* v3.7 button spacing and smaller switch */
.stft-search-actions{
gap:12px!important;
}

.stft-switch-btn{
width:30px!important;
height:30px!important;
font-size:16px!important;
margin-bottom:10px!important;
}

.stft-randombtn{
margin-top:2px!important;
}


/* v3.8 Snipetools theme + switch centered between inputs */
.stft-searchbar{
background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;
border:1px solid #fed7aa!important;
grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 150px!important;
align-items:end!important;
}

.stft-switch-mid{
display:flex!important;
align-items:center!important;
justify-content:center!important;
height:50px!important;
align-self:end!important;
}

.stft-switch-row{
display:none!important;
}

.stft-switch-btn{
width:32px!important;
height:32px!important;
min-width:32px!important;
padding:0!important;
border-radius:50%!important;
font-size:17px!important;
line-height:1!important;
margin:0!important;
background:#f97316!important;
color:#fff!important;
box-shadow:0 5px 14px rgba(249,115,22,.22)!important;
}

.stft-switch-btn:hover{
background:#ea580c!important;
transform:translateY(-1px)!important;
}

.stft-searchbtn{
background:#f97316!important;
border-radius:10px!important;
box-shadow:0 5px 14px rgba(249,115,22,.18)!important;
}

.stft-searchbtn:hover{
background:#ea580c!important;
filter:none!important;
}

.stft-randombtn{
border-radius:10px!important;
background:#fff7ed!important;
color:#9a3412!important;
border:1px solid #fed7aa!important;
box-shadow:none!important;
}

.stft-randombtn:hover{
background:#ffedd5!important;
}

.stft-inputrow{
border-radius:12px!important;
border:1px solid #fed7aa!important;
box-shadow:0 4px 12px rgba(249,115,22,.08)!important;
}

.stft-inputrow input:focus{
box-shadow:0 0 0 3px rgba(249,115,22,.14)!important;
}

.stft-inputrow a{
color:#f97316!important;
}

.stft-picked{
background:#fff7ed!important;
color:#9a3412!important;
}

.stft-hero{
background:linear-gradient(135deg,#fff7ed,#ffffff)!important;
}

.stft-status{
background:#f97316!important;
}

@media(max-width:980px){
.stft-searchbar{
grid-template-columns:1fr!important;
}
.stft-switch-mid{
height:auto!important;
justify-content:flex-start!important;
}
}


/* v3.9 layout + theme fixes */

/* remove giant empty area around switch button */
.stft-searchbar{
grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 150px!important;
gap:10px!important;
align-items:flex-start!important;
background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;
}

.stft-switch-mid{
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding-top:78px!important;
height:auto!important;
min-height:0!important;
margin:0!important;
}

/* compact destination/origin sections */
.stft-inputbox{
display:flex!important;
flex-direction:column!important;
gap:0!important;
min-width:0!important;
}

.stft-inputbox label{
margin-bottom:6px!important;
line-height:1.2!important;
}

/* Snipetools theme instead of bright yellow */
.stft-searchbar{
border:1px solid #fed7aa!important;
}

.stft-searchbtn{
background:#f97316!important;
color:#fff!important;
}

.stft-searchbtn:hover{
background:#ea580c!important;
color:#fff!important;
}

.stft-randombtn{
background:#fff7ed!important;
color:#9a3412!important;
border:1px solid #fed7aa!important;
transition:all .15s ease!important;
}

.stft-randombtn:hover,
.stft-randombtn:focus{
background:#ffedd5!important;
color:#9a3412!important;
border-color:#fdba74!important;
}

/* prevent white text on hover from theme conflicts */
.stft-randombtn:hover *{
color:#9a3412!important;
}

/* better spacing */
.stft-search-actions{
padding-top:34px!important;
gap:12px!important;
}

/* cleaner switch button */
.stft-switch-btn{
width:30px!important;
height:30px!important;
background:#fff!important;
color:#f97316!important;
border:1px solid #fdba74!important;
box-shadow:0 4px 10px rgba(249,115,22,.12)!important;
}

.stft-switch-btn:hover{
background:#fff7ed!important;
color:#ea580c!important;
}

/* mobile */
@media(max-width:980px){
.stft-searchbar{
grid-template-columns:1fr!important;
}

.stft-switch-mid{
padding-top:0!important;
justify-content:flex-start!important;
margin:4px 0!important;
}

.stft-search-actions{
padding-top:0!important;
}
}