/* ------------------------------------------------------------------
 * ALT — надпись «Цена по запросу» + короткое описание.
 *
 * 1. Карточки каталога (товары и подкатегории).
 *    Все правила ограничены модификаторами .has-card-meta / .has-card-price,
 *    которые шаблон добавляет только карточкам с новыми блоками. Карточки
 *    без цены и без описания рендерятся ровно так же, как раньше.
 *
 *      has-card-meta  — есть цена или описание (общая раскладка карточки);
 *      has-card-price — есть цена (прижимается к низу карточки).
 *
 * 2. Страница товара — надпись о цене рядом с кнопкой «Хочу замовити».
 *
 * Подключается mu-плагином alt-catalog-cards.php после media.css.
 * ------------------------------------------------------------------ */

/* ==================================================================
 * 1. Карточки каталога
 * ================================================================== */

/* Раскладка: бренд сверху, «заголовок + описание» по центру,
   цена прижата к низу. */
.product__block--content-item.has-card-meta .product-brand {
  margin-bottom: 0;
}

.product__block--content-item.has-card-meta .product-title {
  margin-top: auto;
}

.product__block--content-item.has-card-meta .read_after--transition {
  margin: auto auto 0;
}

/* Короткое описание — сразу под заголовком */
.product__block--content-item.has-card-meta .product-excerpt {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  max-width: 275px;
  margin-top: 12px;
  padding: 0 12px;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.85);

  /* обрезка по строкам, чтобы не ломать фиксированную высоту карточки */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 60px;
}

/* Надпись о цене */
.product__block--content-item.has-card-meta .product-price {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding: 5px 16px 6px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 100px;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}

/* Цена прижата к низу карточки. Пустая ссылка-стрелка (у товаров в ней нет
   svg) не должна забирать свободное место — обнуляем её верхний auto-отступ,
   иначе он поделит остаток пополам с ценой. */
.product__block--content-item.has-card-price {
  padding-bottom: 26px;
}

.product__block--content-item.has-card-price .product-price {
  margin-top: auto;
}

.product__block--content-item.has-card-price .read_after--transition {
  margin: 0 auto;
}

/* Карточки подкатегорий: у них нет бренда, поэтому пустой .product-brand
   не должен добавлять лишнюю высоту. */
.product__block--content-item.has-card-meta .product-brand:empty {
  padding: 0;
  min-width: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 1440px) {
  .product__block--content-item.has-card-meta .product-excerpt {
    max-width: 240px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: 54px;
  }

  .product__block--content-item.has-card-meta .product-price {
    padding: 4px 13px 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .product__block--content-item.has-card-price {
    padding-bottom: 22px;
  }
}

@media screen and (max-width: 980px) {
  .product__block--content-item.has-card-meta .product-excerpt {
    max-width: 100%;
    margin-top: 8px;
    padding: 0 16px;
    font-size: 13px;
    line-height: 17px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 34px;
  }

  .product__block--content-item.has-card-meta .product-price {
    font-size: 13px;
    line-height: 17px;
  }

  .product__block--content-item.has-card-price {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 580px) {
  .product__block--content-item.has-card-meta .product-excerpt {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 34px;
  }
}

/* ==================================================================
 * 2. Страница товара — цена рядом с кнопкой «Хочу замовити»
 * ================================================================== */

.maincontent-product .want_order_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.maincontent-product .single-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 56px;
  padding: 8px 26px;
  border: 1px solid var(--button-main-color, #2db3ff);
  border-radius: 40px;
  font-size: 20px;
  line-height: 24px;
  color: var(--button-main-color, #2db3ff);
  white-space: nowrap;
}

@media screen and (max-width: 1440px) {
  .maincontent-product .want_order_row {
    gap: 16px;
  }

  .maincontent-product .single-price {
    min-height: 48px;
    padding: 7px 22px;
    font-size: 18px;
    line-height: 22px;
  }
}

@media screen and (max-width: 580px) {
  .maincontent-product .single-price {
    min-height: 44px;
    padding: 6px 18px;
    font-size: 16px;
    line-height: 20px;
  }
}