/*
 * SUNDUQ v303 — кнопка «Показать ещё» под списками разделов.
 *
 * Кнопку создаёт assets/js/list-paging-v303.js, разметка разделов не менялась.
 *
 * Оформление намеренно повторяет кнопку главной ленты (.nhMoreBtn): человек уже
 * встречал её на главной, и в разделах она должна выглядеть тем же элементом, а
 * не новым. Отличие одно — цвета берутся из переменных темы (--k-*), которыми
 * пользуется остальной интерфейс разделов, а не жёстко заданы, как в старом
 * файле ленты. Значения после запятой — запасные, на случай если переменная не
 * объявлена: тогда кнопка выглядит ровно как на главной, а не пропадает.
 */

.su303MoreBtn {
  display: block;
  margin: 16px auto 0;
  padding: 10px 18px;
  min-height: 40px;
  border: 1px solid var(--k-line, #23465d);
  border-radius: 20px;
  background: var(--k-card-2, #0d2638);
  color: var(--k-text, #c7d7e2);
  font: inherit;
  cursor: pointer;
}

/* hidden сам по себе перебивается display:block выше — возвращаем ему силу. */
.su303MoreBtn[hidden] {
  display: none;
}

.su303MoreBtn:hover:not(:disabled) {
  border-color: var(--k-accent, #1877f2);
}

/*
 * Во время загрузки кнопка заблокирована. Курсор «ожидание» и приглушённый вид
 * объясняют, почему нажатие ничего не даёт, — иначе это читается как поломка.
 */
.su303MoreBtn:disabled {
  opacity: .55;
  cursor: wait;
}

.su303MoreBtn:focus-visible {
  outline: 2px solid var(--k-accent, #1877f2);
  outline-offset: 2px;
}

/*
 * На телефоне кнопка становится во всю ширину и подрастает до 50 px — это
 * минимальный комфортный размер для пальца, и ровно так же ведёт себя кнопка
 * ленты на главной (sunduq-mobile-v113.css).
 */
@media (max-width: 720px) {
  .su303MoreBtn {
    width: 100%;
    min-height: 50px;
    border-radius: 16px;
  }
}

/*
 * v303: кнопка «Изменить» на карточках Туризма, Организаций, Карты и Афиши.
 *
 * Раньше в этих разделах правки не было вовсе, поэтому и класса для неё не
 * существовало. Оформление намеренно повторяет .marketEditBtn — кнопку правки
 * Маркета: одно и то же действие должно выглядеть одинаково во всех разделах,
 * иначе человек не узнаёт её в новом месте. Рядом стоящая .suDeleteBtn красная,
 * и «Изменить» намеренно спокойнее: удаление необратимо, правка — нет.
 */
.suEditBtn {
  background: var(--k-card-2, #0d2638);
  border: 1px solid var(--k-line, #23465d);
  color: var(--k-text, #c7d7e2);
  border-radius: 10px;
  padding: 8px 14px;
  min-height: 36px;
  font: inherit;
  cursor: pointer;
}

.suEditBtn:hover {
  border-color: var(--k-accent, #1877f2);
}

.suEditBtn:focus-visible {
  outline: 2px solid var(--k-accent, #1877f2);
  outline-offset: 2px;
}