/*
 * Компоненты интерфейса ugor.ru.
 * Этот файл подключается после остальных таблиц стилей, чтобы правила
 * компонента не расходились между разделами сайта.
 */

/* Базовая текстовая кнопка */
.btn {
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
}

/* Основная кнопка */
.btn-main,
.btn-border:hover,
.btn-border:active {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #ffffff;
}

.btn-main:hover,
.btn-border:hover {
  background-color: #872e6e;
  border-color: #872e6e;
}

.btn-main:active,
.btn-border:active {
  background-color: #72265e;
  border-color: #72265e;
}

/* Контурная кнопка для второстепенного действия на светлом фоне */
.btn-border {
  background-color: #ffffff;
  border-color: var(--main-color);
  color: #000000;
}

/* Серая кнопка для скачивания файлов и технических материалов */
.btn-gray {
  background-color: var(--bg-gray);
  border-color: transparent;
  color: #2d0f24;
}

.btn-gray:hover {
  background-color: #e2e6ed;
  border-color: transparent;
  color: #2d0f24;
}

.btn-gray:active {
  background-color: #d3d9e3;
  border-color: transparent;
  color: #2d0f24;
}

/* Прозрачная кнопка для второстепенного действия в промоблоках */
.btn-transparent {
  background-color: transparent;
  border-color: #999999;
  color: #000000;
}

.btn-transparent:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #ffffff;
}

.btn-transparent:active {
  background-color: #72265e;
  border-color: #72265e;
  color: #ffffff;
}

/* Светлый вариант прозрачной кнопки */
.btn-transparent.btn-white {
  background-color: #ffffff;
  border-color: #999999;
  color: #000000;
}

.btn-transparent.btn-white:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #ffffff;
}

.btn-transparent.btn-white:active {
  background-color: #72265e;
  border-color: #72265e;
  color: #ffffff;
}

/* Неактивная кнопка сохраняет обычный вид, но становится прозрачнее */
.btn:disabled,
.btn.disabled {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}

/* Единая типографика и высота текстовых кнопок во всех разделах */
.header__order .btn,
.portfolio__top .btn_wrap .btn,
.portfolio__more .btn,
.project__buttons .btn,
.catalog__item-btn .btn,
.delivery__btn .btn,
.product-card__btn .btn,
.product-card__links .btn,
.detail__btn .btn,
.complex__item-btn .btn,
.complex__single-btn .btn,
.about__btn .btn {
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
}

/* Вертикальный ритм пунктов фильтра каталога */
.catalog_flex-left .catalog_filter__body li {
  margin-bottom: 8px;
}

/* Карточка товара в каталоге */
.catalog__item-content {
  padding: 16px;
}

.catalog__item-name {
  font-size: 18px;
}