/* Custom city autocomplete dropdown (js/city-autocomplete.js). The list is appended to and positioned/sized to the input's own box by JS — so its width always matches the field exactly, and the body-level z-index keeps it above every section of the page. RTL, max 6 items. */ .city-ac-list { display: none; position: absolute; /* top/left/width set by JS from the input's rect */ background: #fff; border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); z-index: 2147483000; /* body-level: above any page stacking context */ direction: rtl; overflow: hidden; box-sizing: border-box; } .city-ac-list.open { display: block; } .city-ac-item { padding: 10px 16px; font-family: var(--font-main); font-size: 15px; color: var(--black-color, #111); text-align: right; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .city-ac-item + .city-ac-item { border-top: 1px solid #f1f1f1; } .city-ac-item:hover, .city-ac-item.active { background: #f5f5f5; }