/* Road Assist — area search box (site ke hi rang: navy / red / soft) */
/* top strip — jahan search sabse upar dikhta hai */
.area-top-sec{background:var(--soft,#f6f9fd);border-bottom:1px solid var(--line,#e3e9f2);padding:20px 6% 24px;text-align:center}
.area-top-sec .kicker{margin:0 0 2px}
.area-top-sec h2{margin:2px 0 15px;font-size:22px;line-height:1.35}
.area-top-sec .area-search-box{margin:0 auto}
@media(max-width:850px){.area-top-sec h2{font-size:20px}}
@media(max-width:600px){.area-top-sec{padding:16px 5% 18px}.area-top-sec h2{font-size:18px;margin-bottom:12px}}
.area-search-box{max-width:620px;margin:0 auto 28px;text-align:left;position:relative}
.area-search{position:relative}
.area-search input[type=search]{width:100%;box-sizing:border-box;padding:15px 18px;font:inherit;font-size:16px;color:#0f1f3d;background:#fff;border:1px solid var(--line,#e3e9f2);border-radius:12px;-webkit-appearance:none;appearance:none}
.area-search input[type=search]::placeholder{color:#8a97ab}
.area-search input[type=search]:focus{outline:none;border-color:var(--red,#ee3439);box-shadow:0 0 0 4px rgba(238,52,57,.14)}
.area-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:18px;width:18px;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238a97ab' d='M18.3 5.7 12 12l6.3 6.3-1.4 1.4L10.6 13.4 4.3 19.7 2.9 18.3 9.2 12 2.9 5.7 4.3 4.3l6.3 6.3 6.3-6.3z'/%3E%3C/svg%3E");cursor:pointer}

.area-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line,#e3e9f2);border-radius:12px;box-shadow:0 18px 40px rgba(13,33,64,.14);max-height:330px;overflow:auto;display:none}
.area-results.open{display:block}
.area-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid var(--line,#eef2f8);background:#fff;font:inherit;font-size:15px;color:#0f1f3d;text-align:left;cursor:pointer}
.area-result:last-child{border-bottom:0}
.area-result:hover,.area-result.active{background:#f6f9fd}
.area-result b{font-weight:600}
.area-tag{flex:0 0 auto;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;color:var(--green-text,#0a7a47);background:#e8f8ef;white-space:nowrap}
.area-tag.book{color:#b3261e;background:#fdeceb}
.area-empty{padding:14px 16px;font-size:14.5px;color:var(--muted,#5b6b84)}
.area-empty a{color:var(--red,#ee3439);font-weight:700;text-decoration:none}

.area-hint{margin:11px 2px 0;font-size:14px;color:var(--muted,#5b6b84)}
.area-hint.ok{color:var(--green-text,#0a7a47);font-weight:600}

/* booking form tak le jaate waqt halka flash (form waise hi rehta hai) */
.area-flash{animation:areaFlash 1.5s ease}
@keyframes areaFlash{0%,100%{box-shadow:none}25%,60%{box-shadow:0 0 0 4px rgba(238,52,57,.18)}}
@media(max-width:600px){
  .area-search input[type=search]{font-size:16px;padding:14px 15px}
  .area-results{max-height:290px}
  .area-result{font-size:14.5px;padding:12px 14px}
}