/* section_search.css — общее поле поиска по разделу рядом с лентой быстрых фильтров.
 *
 * Владислав: «На все разделы добавляем рядом с быстрыми фильтрами Поле поиска
 * конкретной Персоны (Места, Афиши, Альбома, Статьи, Новости)».
 *
 * Разметка (одинаковая во всех разделах, работает и без JavaScript — это обычная
 * форма с GET, поэтому достаточно нажать Enter):
 *
 *   <form class="cb-sec-search" method="get" action="{#www_root#}/place/index.php">
 *     <input type="hidden" name="type" value="{$filter_type}" />   // если нужно сохранить фильтр
 *     <input type="text" class="cb-sec-search-input" name="q" value="{$q|escape:'html'}"
 *            placeholder="Поиск заведения" />
 *     <button type="submit" class="cb-sec-search-btn">Найти</button>
 *   </form>
 *
 * Файл не переписывать целиком из чужих правок: он общий для нескольких задач.
 */

.cb-sec-search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 14px;
  vertical-align: middle;
  white-space: nowrap;
}

/* ДИЗАЙН-ЭТАЛОН-1: в макете (14_Predpochtenia.jpg) поле и кнопка прямоугольные,
   радиус ~2 px, поле ≈370×34, кнопка «ПОИСК» ≈108×34 заливкой акцентом, белый
   капс 13–14 px. Было: «таблетка» border-radius 18px и поле 230 px. */
.cb-sec-search-input {
  width: 370px;
  height: 34px;
  padding: 0 12px;
  font-size: 14px;
  color: #000;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  outline: none;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.cb-sec-search-input::placeholder { color: #999999; }

.cb-sec-search-input:focus {
  border-color: #00aeef;
  box-shadow: 0 0 0 3px rgba(0,174,239, .16);
}

.cb-sec-search-btn {
  height: 34px;
  padding: 0 18px;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  background: #00aeef;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  transition: background .15s ease;
}

.cb-sec-search-btn:hover { background: #0099d2; }

/* Сброс: показываем только когда поиск активен (класс добавляет шаблон) */
.cb-sec-search-reset {
  font-size: 12px;
  color: #8a949c;
  text-decoration: none;
  border-bottom: 1px dashed #c3ccd2;
}

.cb-sec-search-reset:hover { color: #2b3a42; }

/* Узкие экраны: поле уходит на свою строку под лентой фильтров */
@media (max-width: 900px) {
  .cb-sec-search { margin-left: 0; margin-top: 10px; display: flex; }
  .cb-sec-search-input { width: 100%; }
}