/* ════════════════════════════════════════════════════════════════════════════
 * patch-6.2-cards.css
 *
 * Полировка карточек товара по эталону:
 *   1. Рамка hover не режется — padding-top на сетке.
 *   2. Заголовок карточки без uppercase, размер 16px.
 *   3. Изображение 1:1 (контейнер задаёт пропорции, object-fit:contain).
 *   4. Цены: блок "от 50 шт · с НДС" удалён из шаблонов (см. коммит) —
 *      здесь страховка-display:none на случай если где-то ещё рендерится.
 *   5. Кнопка "В корзину" — возврат font-weight 800 (patch-3.1:140 ослабил
 *      до 700 — это противоречит эталону main.css:387).
 *
 * Свотчи-кружки В СЕТКЕ — отдельный заход, нужен словарь "цвет→hex"
 * (см. BACKLOG.md и разведку: pa_czvet таксономия + ручной маппинг).
 * ════════════════════════════════════════════════════════════════════════════ */

/* ── 1) Сетка карточек: padding-top, чтобы hover translateY(-4px) не резался ─
 *
 * Причина: .kp-cat-grid имеет padding:0 (patch-5.2:7), карточкам некуда
 * "всплыть". Даём 8px воздуха сверху (translateY(-4) + 4px запаса). Применяем
 * к обеим сеткам — .kp-cat-grid (страница категории и .kp-sec-pop) и
 * .kp-prod-grid (main.css:352, используется в каталоге).
 */
body.kp-body .kp-cat-grid,
body.kp-body .kp-prod-grid {
  padding-top: 8px;
}

/* ── 2) Заголовок без капса, 16px ────────────────────────────────────────────
 *
 * patch-3.3:46-49 уже даёт font-size:16px/font-weight:600. Но uppercase
 * прилетает откуда-то из woodmart/woocommerce — здесь снимаем явно.
 */
body.kp-body .kp-prod-name,
body.kp-body .kp-prod-name a {
  text-transform: none;
  font-size: 16px;
  letter-spacing:normal;
}

/* ── 3) Картинка 1:1 — контейнер задаёт квадрат, img внутри вписывается ─────
 *
 * main.css:366 ставит aspect-ratio:1/1 на .kp-prod-img, но такого класса
 * в шаблонах НЕТ (есть .kp-prod-imgwrap и .kp-prod-img-link). Поэтому
 * правило бесполезно. Переносим квадрат на сам контейнер.
 * object-fit:contain — товар не обрезается (товары на белом фоне поставщика,
 * cover дал бы обрезку у вытянутых бутылок/пледов).
 */
body.kp-body .kp-prod-imgwrap {
  aspect-ratio: 1 / 1;
}
body.kp-body .kp-prod-imgwrap .kp-prod-img-link,
body.kp-body .kp-prod-imgwrap .kp-prod-img-link img,
body.kp-body .kp-prod-imgwrap > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* ── 4) Страховка от "от 50 шт · с НДС" если где-то ещё рендерится ──────────
 *
 * В шаблонах строки удалены этим же коммитом, но мок-ветка карусели
 * (захардкоженные товары для развёртки) её ещё содержит — на боевой
 * рендерится только WC-ветка, мок не виден. На случай если придёт ещё
 * откуда-то — прячем по классу.
 */
body.kp-body .kp-prod-price-from {
  display: none;
}

/* ── 5а) Выравнивание карточек: высота ряда свотчей зарезервирована ─────────
 *
 * Шаблоны теперь ВСЕГДА рендерят <div class="kp-prod-swatches"> (даже пустой).
 * main.css:372 уже даёт .kp-prod-swatches{height:20px}, здесь страховка через
 * min-height — на случай если где-то height перебит. Без этой гарантии у
 * товара без свотчей блок коллапсировался бы в 0 и тянул заголовок/цену вверх,
 * ряд карточек терял бы общий baseline.
 */
body.kp-body .kp-prod-swatches {
  min-height: 20px;
}

/* ── 5) Кнопка "В корзину": полная защита от Woodmart/WC ─────────────────────
 *
 * На странице каталога WC дорисовывает к нашей кнопке классы
 * .ajax_add_to_cart .add_to_cart_button (см. product-card.php:97). Через них
 * Woodmart/WC перебивает border-radius, padding, font-size, letter-spacing,
 * text-transform — main.css:387 их даёт без !important и проигрывает.
 *
 * Защищаем эти 5 свойств + font-weight (patch-3.1:140 GROUP 10 ослабил
 * до 700; main.css:387 эталонно 800). Цвета/обводка/hover уже защищены
 * patch-3.3:69-80 GROUP C.
 *
 * Селекторы:
 *   .kp-prod-add                       — спецификация 0,0,2,1 (с body.kp-body)
 *   .kp-prod-add.add_to_cart_button    — 0,0,3,1, перебивает WC-варианты
 *   a.kp-prod-add                      — 0,0,2,2, для <a> в product-card.php
 */
body.kp-body .kp-prod-add,
body.kp-body .kp-prod-add.add_to_cart_button,
body.kp-body a.kp-prod-add {
  border-radius:  var(--radius-sm) !important;
  padding:        10px 14px        !important;
  font-size:      11px             !important;
  font-weight:    800              !important;
  letter-spacing:normal!important;
  text-transform: uppercase        !important;
}

/* ── 6) Убрать ссылку "Просмотр корзины" после AJAX-добавления ───────────────
 *
 * WC после wc_ajax_add_to_cart вставляет в DOM <a class="added_to_cart wc-forward">
 * сразу после нажатой кнопки. У нас корзина уже есть в шапке + работает тост-
 * подтверждение, эта ссылка только ломает высоту карточки и ряд.
 * Источник — ядро WooCommerce (см. разведку 30.05), не наш код.
 * Корзину/счётчик/тост не задеваем — скрываем ТОЛЬКО эту ссылку.
 */
body.kp-body .added_to_cart.wc-forward {
  display: none !important;
}