/* saxliko.ge: the location autocomplete (search-autocomplete.js). Everything is scoped under .sx-ac*;
   colours come from the page tokens, with fallbacks. */
.sx-ac-host { position: relative; }
.sx-ac {
  position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60;
  max-height: min(62vh, 440px); margin: 0; padding: 6px; overflow-y: auto; overscroll-behavior: contain; list-style: none;
  border-radius: 16px; background: #fff; color: var(--c-text, #2B3A4F); text-align: left;
  box-shadow: 0 0 0 1px rgba(14, 26, 43, .06), 0 18px 44px -14px rgba(14, 26, 43, .38);
}
.sx-ac[hidden] { display: none; }
.sx-ac__opt {
  display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 10px;
  border-radius: 12px; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.sx-ac__opt:hover, .sx-ac__opt[aria-selected="true"] { background: var(--c-primary-soft, #EAF0FF); }
.sx-ac__icon { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 10px; background: #F1F4F9; color: var(--c-muted, #66768D); }
.sx-ac__opt[aria-selected="true"] .sx-ac__icon { background: #fff; color: var(--c-primary, #1F5EFF); }
.sx-ac__icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.sx-ac__text { display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.3; }
.sx-ac__name { overflow: hidden; color: var(--c-ink, #0E1A2B); font-size: .95rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; }
.sx-ac__name mark { background: none; color: var(--c-primary, #1F5EFF); }
.sx-ac__ctx { overflow: hidden; color: var(--c-muted, #66768D); font-size: .8rem; white-space: nowrap; text-overflow: ellipsis; }
.sx-ac__tag { flex: none; padding: 2px 8px; border-radius: 999px; background: #F1F4F9; color: var(--c-muted, #66768D); font-size: .7rem; font-weight: 600; }
.sx-ac__empty { padding: 14px 12px; color: var(--c-muted, #66768D); font-size: .88rem; }
.sx-ac__status { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 480px) { .sx-ac__tag { display: none; } }   /* phones: the icon already says the level */