/*
 * Search card (مبدأ / مقصد / تاریخ / جستجو) — light outlined fields with the label sitting on the
 * border, one row on desktop, stacked on phones. CSS only (no images, no fonts, no script), about 5 KB.
 * Colours from «تنظیمات ← استایل» still apply: the button / focus rules there use !important.
 */
body #prime_area .prime_search_area.prime-sv{
	--sv-brand:var(--tk-brand,#082c86);--sv-line:#d0d5dd;--sv-ink:#1d2433;--sv-mute:#667085;--sv-h:52px;
	background:#fff!important;border:0!important;border-radius:14px!important;padding:22px 20px 20px!important;
	box-shadow:0 1px 2px rgba(16,24,40,.06),0 12px 32px -14px rgba(16,24,40,.22)!important;overflow:visible!important}
body #prime_area .prime_search_area.prime-sv::before{display:none!important}
body #prime_area .prime_search_area.prime-sv>h4{margin:0 0 14px!important;font-size:17px!important;font-weight:800!important;color:var(--sv-ink)!important}
body #prime_area .prime_search_area.prime-sv>h4::before{display:none!important}
body #prime_area .prime_search_area.prime-sv .mpForm{margin:0!important}

/* row: [origin][⇄][destination][date][return][button] */
body #prime_area .prime_search_area.prime-sv .prime_search_input_fields_holder{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:14px!important;flex-wrap:nowrap!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
body #prime_area .prime_search_area.prime-sv .prime_input_fields_holder{display:flex!important;flex-direction:row!important;flex:1 1 auto!important;gap:14px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
body #prime_area .prime_search_area.prime-sv .prime_input_start_end_location{display:flex!important;flex-direction:row!important;align-items:center!important;flex:2 1 0!important;gap:6px!important;min-width:0!important;position:relative!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
body #prime_area .prime_search_area.prime-sv .prime_input_start_end_date{display:flex!important;flex-direction:row!important;flex:1 1 0!important;gap:14px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
body #prime_area .prime_search_area.prime-sv .prime_inputList{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;position:relative!important}
body #prime_area .prime_search_area.prime-sv .prime_inputList::before,body #prime_area .prime_search_area.prime-sv .prime_inputList::after{display:none!important}

/* the outlined field, label on its border */
body #prime_area .prime_search_area.prime-sv label.prime_fdColumn{display:block!important;position:relative!important;margin:0!important;padding:0!important;font-size:0!important;line-height:normal!important;cursor:pointer}
body #prime_area .prime_search_area.prime-sv .prime-sv-lbl{position:absolute!important;top:-9px!important;right:12px!important;left:auto!important;width:auto!important;min-width:0!important;max-width:calc(100% - 24px)!important;z-index:2;display:inline-block!important;padding:0 6px!important;background:#fff!important;
	font-size:12.5px!important;font-weight:600!important;line-height:18px!important;color:var(--sv-mute)!important;white-space:nowrap;pointer-events:none;transition:color .15s}
body #prime_area .prime_search_area.prime-sv .prime-sv-lbl .prime_field_label_suffix{font-size:11px!important;font-weight:400!important}
body #prime_area .prime_search_area.prime-sv .marker,body #prime_area .prime_search_area.prime-sv .calendar{position:relative!important;display:flex!important;align-items:center!important;height:var(--sv-h)!important;margin:0!important;padding:0 14px!important;
	border:1px solid var(--sv-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
body #prime_area .prime_search_area.prime-sv .marker:hover,body #prime_area .prime_search_area.prime-sv .calendar:hover{border-color:#98a2b3!important}
body #prime_area .prime_search_area.prime-sv .marker:focus-within,body #prime_area .prime_search_area.prime-sv .calendar:focus-within{border-color:var(--sv-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sv-brand) 14%,transparent)!important}
body #prime_area .prime_search_area.prime-sv label:focus-within .prime-sv-lbl{color:var(--sv-brand)!important}
body #prime_area .prime_search_area.prime-sv .marker>i{display:none!important}
body #prime_area .prime_search_area.prime-sv .calendar>i{position:static!important;order:2;margin:0 8px 0 0!important;font-size:17px!important;color:var(--sv-mute)!important;transform:none!important}
body #prime_area .prime_search_area.prime-sv .formControl{flex:1 1 auto!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
	font-size:14.5px!important;font-weight:600!important;color:var(--sv-ink)!important;text-align:right!important;text-overflow:ellipsis}
body #prime_area .prime_search_area.prime-sv .formControl::placeholder{color:#98a2b3!important;font-weight:400!important;opacity:1}
body #prime_area .prime_search_area.prime-sv .formControl:focus{border:0!important;box-shadow:none!important}

/* swap: a plain icon between origin and destination */
body #prime_area .prime_search_area.prime-sv .prime_search_location_toggle{position:static!important;flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;transform:none!important;
	display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:var(--sv-brand)!important;cursor:pointer;transition:background .15s,transform .25s}
body #prime_area .prime_search_area.prime-sv .prime_search_location_toggle:hover{background:color-mix(in srgb,var(--sv-brand) 9%,transparent)!important}
body #prime_area .prime_search_area.prime-sv .prime_search_location_toggle:active{transform:rotate(180deg)!important}
body #prime_area .prime_search_area.prime-sv .prime_search_location_toggle i{font-size:17px!important;color:inherit!important;margin:0!important}

/* button */
body #prime_area .prime_search_area.prime-sv .prime_taxi_search_button_holder{flex:0 0 150px!important;width:150px!important;margin:0!important;padding:0!important;align-items:stretch!important}
body #prime_area .prime_search_area.prime-sv .search_button_holder{width:100%!important;height:auto!important;justify-content:center!important;gap:0!important}
body #prime_area .prime_search_area.prime-sv .prime_search_button_spacer{display:none!important}
body #prime_area .prime_search_area.prime-sv .prime_search_action_button{width:100%!important;height:var(--sv-h)!important;min-height:0!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:10px!important;
	font-size:15.5px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;letter-spacing:0!important;text-transform:none!important}
body #prime_area .prime_search_area.prime-sv .prime_search_action_button[style*="display: none"],body #prime_area .prime_search_area.prime-sv .prime_search_action_button[style*="display:none"]{display:none!important}
body #prime_area .prime_search_area.prime-sv .prime-search-btn-icon{margin:0!important;font-size:15px!important}

/* city list under the field */
body #prime_area .prime_search_area.prime-sv ul.prime_input_select_list{z-index:30!important;top:calc(var(--sv-h) + 6px)!important;right:0!important;left:0!important;width:100%!important;min-width:220px!important;border:1px solid #eaecf0!important;border-radius:12px!important;
	box-shadow:0 16px 32px -12px rgba(16,24,40,.25)!important;padding:6px!important;background:#fff!important}
body #prime_area .prime_search_area.prime-sv ul.prime_input_select_list li{border-radius:8px!important;padding:10px 12px!important;font-size:14px!important}

/* tablets: date and button go to a second line */
@media (max-width:1024px){
	body #prime_area .prime_search_area.prime-sv .prime_search_input_fields_holder{flex-wrap:wrap!important}
	body #prime_area .prime_search_area.prime-sv .prime_input_fields_holder{flex:1 1 100%!important}
	body #prime_area .prime_search_area.prime-sv .prime_taxi_search_button_holder{flex:1 1 100%!important;width:100%!important}
}
/* phones: everything stacked; the swap button sits on the edge between origin and destination */
@media (max-width:767px){
	body #prime_area .prime_search_area.prime-sv{padding:20px 14px 14px!important;border-radius:16px!important}
	body #prime_area .prime_search_area.prime-sv .prime_input_fields_holder{flex-direction:column!important;gap:18px!important}
	body #prime_area .prime_search_area.prime-sv .prime_input_start_end_location{flex-direction:column!important;align-items:stretch!important;gap:18px!important}
	body #prime_area .prime_search_area.prime-sv .prime_input_start_end_date{gap:12px!important}
	body #prime_area .prime_search_area.prime-sv .prime_inputList{flex:1 1 auto!important;width:100%!important}
	body #prime_area .prime_search_area.prime-sv .prime_search_location_toggle{position:absolute!important;left:14px!important;right:auto!important;top:50%!important;z-index:3;transform:translateY(-50%) rotate(90deg)!important;
		width:38px!important;height:38px!important;background:#fff!important;border:1px solid var(--sv-line)!important;box-shadow:0 2px 6px rgba(16,24,40,.08)!important}
	body #prime_area .prime_search_area.prime-sv .prime_search_location_toggle:active{transform:translateY(-50%) rotate(270deg)!important}
	body #prime_area .prime_search_area.prime-sv .prime_input_start_end_location .formControl{padding-left:44px!important}
	body #prime_area .prime_search_area.prime-sv .prime_search_input_fields_holder{gap:16px!important}
	body #prime_area .prime_search_area.prime-sv ul.prime_input_select_list{min-width:0!important}
	/* the «تغییر جستجو» sheet on the results page keeps its own top bar (grip + ×) */
	body #prime_area .prime_search_area.prime-sv.prime-sheetable{padding:10px 14px calc(16px + env(safe-area-inset-bottom,0px))!important;border-radius:22px 22px 0 0!important}
	body #prime_area .prime_search_area.prime-sv.prime-sheetable .prime-sheet-head{position:relative!important;display:flex!important;align-items:center;justify-content:center;height:34px;margin:0 0 14px!important}
	body #prime_area .prime_search_area.prime-sv.prime-sheetable .prime-sheet-x{position:absolute!important;width:34px!important;height:34px!important;min-height:0!important;padding:0!important;line-height:34px!important;border-radius:50%!important;left:0!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
}
@media (prefers-reduced-motion:reduce){body #prime_area .prime_search_area.prime-sv *{transition:none!important}}
body #prime_area .prime_search_area.prime-sv #prime_journey_date,body #prime_area .prime_search_area.prime-sv .prime_return_date .formControl{color:var(--sv-ink)!important;-webkit-text-fill-color:var(--sv-ink)}


/* Phones (the card and the slide-up search panel alike): the title is a bar that hides the top edge of the
   field except its right corner -- the look of the reference design */
@media (max-width:767px){
body #prime_area .prime_search_area.prime-sv .prime-sv-lbl{left:0!important;right:22px!important;width:auto!important;max-width:none!important;text-align:right!important;padding:0 8px 0 0!important}
}