/* Пошукова сторінка. */

.search-wrap {
  max-width: 860px;
  margin-inline: auto;
  padding: var(--sp-40) var(--sp-24) var(--sp-64);
}

/* ── Форма пошуку ────────────────────────────────────────────────────────── */
.search-form {
  display: flex;
  gap: var(--sp-12);
  margin-bottom: var(--sp-40);
}

.search-form__input {
  flex: 1;
  padding: var(--sp-12) var(--sp-20);
  border: 2px solid var(--c-border);
  border-radius: var(--r-pill);
  font-size: var(--fs-16);
  font-family: inherit;
  color: var(--c-text);
  background: #fff;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  /* iOS Safari: прибираємо default appearance */
  -webkit-appearance: none;
  appearance: none;
}

.search-form__input:focus {
  outline: none;
  border-color: var(--c-primary);
  box-shadow: 0 0 0 3px rgba(29, 122, 204, 0.12);
}

.search-form__btn {
  flex-shrink: 0;
  border-radius: var(--r-pill);
  padding: var(--sp-12) var(--sp-24);
  font-size: var(--fs-16);
  font-weight: 700;
  min-height: var(--tap-min);
}

/* ── Мета-рядок ──────────────────────────────────────────────────────────── */
.search-meta {
  font-size: var(--fs-14);
  color: var(--c-text-muted);
  margin: 0 0 var(--sp-24);
}

/* ── Список результатів ──────────────────────────────────────────────────── */
.search-results {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.search-result {
  padding: var(--sp-20) 0;
  border-bottom: 1px solid var(--c-border);
}

.search-result:first-child {
  border-top: 1px solid var(--c-border);
}

.search-result__link {
  text-decoration: none;
  color: var(--c-primary);
  display: block;
  margin-bottom: var(--sp-6);
}

.search-result__link:hover {
  text-decoration: underline;
}

.search-result__title {
  font-size: var(--fs-18);
  font-weight: 700;
  color: var(--c-primary);
  margin: 0;
  line-height: 1.3;
}

.search-result__date {
  display: block;
  font-size: var(--fs-12);
  color: var(--c-text-muted);
  margin-bottom: var(--sp-6);
}

.search-result__excerpt {
  font-size: var(--fs-14);
  color: var(--c-text-muted);
  margin: 0;
  line-height: 1.6;
}

/* ── Empty / suggestion ──────────────────────────────────────────────────── */
.search-empty {
  font-size: var(--fs-18);
  color: var(--c-text);
  margin: 0 0 var(--sp-12);
}

.search-suggestion {
  font-size: var(--fs-16);
  color: var(--c-text-muted);
  margin: 0;
}

/* ── Адаптив ─────────────────────────────────────────────────────────────── */
@media (max-width: 480px) {
  .search-wrap {
    padding: var(--sp-24) var(--sp-16) var(--sp-48);
  }

  .search-form {
    flex-direction: column;
    gap: var(--sp-8);
  }

  .search-form__btn {
    width: 100%;
    justify-content: center;
  }

  .search-result__title { font-size: var(--fs-16); }
}