/* Tom Select overrides for school search hero forms */
.search-form--home .row--category {
  position: relative;
  z-index: 20;
}

.search-form--home .school-search-category-select {
  width: 100%;
}

.search-form--home .school-search-name-input,
.search-form--home .school-search-location-input,
.search-form--home .school-search-radius-select {
  height: 50px;
  width: 100%;
  box-sizing: border-box;
}

.search-form--home .ts-wrapper {
  width: 100%;
}

.search-form--home .ts-wrapper.single .ts-control {
  min-height: 50px;
  height: 50px;
  padding: 0 2.25rem 0 0.75rem;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.95);
  color: #1c2d3c;
  font-size: 1rem;
  line-height: 48px;
  box-shadow: none;
}

.search-form--home .ts-wrapper.single.input-active .ts-control,
.search-form--home .ts-wrapper.single.focus .ts-control {
  border-color: #f15a22;
  box-shadow: 0 0 0 2px rgba(241, 90, 34, 0.25);
}

.search-form--home .ts-wrapper .ts-control > input {
  font-size: 1rem;
  color: #1c2d3c;
}

.search-form--home .ts-dropdown {
  z-index: 10050;
  border: 1px solid #bdced8;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0, 72, 125, 0.18);
  font-size: 0.95rem;
}

.search-form--home .ts-dropdown .optgroup-header {
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #00487d;
  padding: 0.55rem 0.75rem 0.25rem;
  background: #ecf4f8;
}

.search-form--home .ts-dropdown .option {
  padding: 0.45rem 0.75rem;
}

.search-form--home .ts-dropdown .option.active {
  background: #00487d;
  color: #fff;
}

.search-form--home .ts-dropdown .option:hover {
  background: #ecf4f8;
  color: #1c2d3c;
}

/* Category page / search page (lighter background contexts) */
.search-page .search-form--home .ts-wrapper.single .ts-control,
.category-init-text + form.search-form--home .ts-wrapper.single .ts-control {
  border-color: #bdced8;
}