/**
 * [atsp_search] на головній — жорстка ізоляція від Elementor Kit.
 * Завантажується ОСТАННІМ. Кнопка × не використовує transform (Elementor його скидає).
 */

body[class*="elementor-kit-"] #atsp-embed-search .anex-segment-input-wrap,
.elementor-kit-5 #atsp-embed-search .anex-segment-input-wrap,
body[class*="elementor-kit-"] .atsp-embed-root .anex-segment-input-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

body[class*="elementor-kit-"] #atsp-embed-search .anex-search-segment--country-btn,
.elementor-kit-5 #atsp-embed-search .anex-search-segment--country-btn,
body[class*="elementor-kit-"] .atsp-embed-root .anex-search-segment--country-btn {
  position: relative !important;
  overflow: visible !important;
}

body[class*="elementor-kit-"] #atsp-embed-search .anex-search-segment--country-edit,
.elementor-kit-5 #atsp-embed-search .anex-search-segment--country-edit,
body[class*="elementor-kit-"] .atsp-embed-root .anex-search-segment--country-edit {
  position: relative !important;
  overflow: visible !important;
}

/* Кнопка «×» — margin-top замість transform */
body[class*="elementor-kit-"] #atsp-embed-search .anex-segment-clear,
body[class*="elementor-kit-"] #atsp-embed-search button.anex-segment-clear,
.elementor-kit-5 #atsp-embed-search .anex-segment-clear,
.elementor-kit-5 #atsp-embed-search button.anex-segment-clear,
body[class*="elementor-kit-"] .atsp-embed-root .anex-segment-clear,
body[class*="elementor-kit-"] .atsp-embed-root button.anex-segment-clear {
  position: absolute !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: #eef1f6 !important;
  background-color: #eef1f6 !important;
  background-image: none !important;
  color: #5c677d !important;
  -webkit-text-fill-color: #5c677d !important;
  font-family: inherit !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
  z-index: 4 !important;
  top: 50% !important;
  bottom: auto !important;
  left: auto !important;
  right: 4px !important;
  margin-top: -14px !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
  align-self: auto !important;
  float: none !important;
  order: 999 !important;
}

/* Desktop: × всередині input-wrap */
body[class*="elementor-kit-"] #atsp-embed-search .anex-search-segment--country-edit .anex-segment-clear,
body[class*="elementor-kit-"] #atsp-embed-search .anex-search-segment--country-edit button.anex-segment-clear,
.elementor-kit-5 #atsp-embed-search .anex-search-segment--country-edit .anex-segment-clear,
body[class*="elementor-kit-"] .atsp-embed-root .anex-search-segment--country-edit .anex-segment-clear {
  left: auto !important;
  right: 4px !important;
}

/* Mobile: × справа в кнопці країни */
body[class*="elementor-kit-"] #atsp-embed-search .anex-segment-clear--mob,
body[class*="elementor-kit-"] #atsp-embed-search span.anex-segment-clear--mob,
body[class*="elementor-kit-"] #atsp-embed-search button.anex-segment-clear--mob,
.elementor-kit-5 #atsp-embed-search .anex-segment-clear--mob,
body[class*="elementor-kit-"] .atsp-embed-root .anex-segment-clear--mob,
body[class*="elementor-kit-"] .atsp-embed-root span.anex-segment-clear--mob {
  left: auto !important;
  right: 12px !important;
}

body[class*="elementor-kit-"] #atsp-embed-search .anex-segment-clear:hover,
body[class*="elementor-kit-"] #atsp-embed-search .anex-segment-clear:focus-visible,
.elementor-kit-5 #atsp-embed-search .anex-segment-clear:hover,
body[class*="elementor-kit-"] .atsp-embed-root .anex-segment-clear:hover {
  background: #fde8ea !important;
  background-color: #fde8ea !important;
  color: #c62828 !important;
  -webkit-text-fill-color: #c62828 !important;
  transform: none !important;
}

body[class*="elementor-kit-"] #atsp-embed-search .anex-segment-clear[hidden],
.elementor-kit-5 #atsp-embed-search .anex-segment-clear[hidden],
body[class*="elementor-kit-"] .atsp-embed-root .anex-segment-clear[hidden] {
  display: none !important;
}

body[class*="elementor-kit-"] #atsp-embed-search .anex-search-segment--country-edit.has-selection .anex-segment-input,
body[class*="elementor-kit-"] #atsp-embed-search .anex-search-segment--country-edit.has-selection .anex-segment-input.is-scroll-values,
.elementor-kit-5 #atsp-embed-search .anex-search-segment--country-edit.has-selection .anex-segment-input {
  padding-right: 36px !important;
}

body[class*="elementor-kit-"] #atsp-embed-search .anex-search-segment--country-btn.has-selection,
.elementor-kit-5 #atsp-embed-search .anex-search-segment--country-btn.has-selection {
  padding-right: 44px !important;
}