/*
 * Cities form extension.
 * The visual foundation intentionally reuses the approved Reasons resource form.
 */

.kt-city-page .kt-reasons-form__grid {
  align-items: start;
}

.kt-city-page .kt-city-select__country-marker {
  inline-size: 1.625rem;
  block-size: 1.625rem;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--reasons-border);
  border-radius: 0.5rem;
  background: var(--kt-color-primary-soft);
  color: var(--kt-color-primary);
  font-size: 0.8125rem;
}

.kt-city-page .kt-city-country-select__menu {
  max-block-size: 16rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--reasons-border-strong) transparent;
}

.kt-city-page .kt-reasons-select__dot:not(
  .kt-reasons-select__dot--available,
  .kt-reasons-select__dot--unavailable
) {
  border: 1px solid var(--reasons-border-strong);
  background: var(--reasons-surface);
  box-shadow: 0 0 0 3px var(--reasons-surface-soft);
}

@media (max-width: 47.99875rem) {
  .kt-city-page .kt-reasons-form__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}