/* Foxy Art Cup - количка /cart/ (B3.1).
   Горната част е 1:1 от makets/final/assets/maket.css („4.5 КОЛИЧКА");
   долу е лепилото за разметката на Woo (cart.js, фрагментите, купонът).
   .totals и .coupon се ползват и в обобщението на плащането и в поръчката в
   акаунта - затова checkout/account зареждат и този файл (inc/woo-cart.php). */

/* =====================================================================
   4.5 КОЛИЧКА (макетът 1:1)
   ===================================================================== */
.cart-layout { display: grid; grid-template-columns: 8fr 4fr; gap: var(--sp-block) 32px; align-items: start; }
@media (max-width: 1023px) { .cart-layout { grid-template-columns: minmax(0, 1fr); } }
.cart-rows { list-style: none; display: grid; gap: 12px; }
.cart-row { display: grid; grid-template-columns: 88px 1fr auto auto 32px; align-items: center; gap: 12px 20px; padding: 14px; border: 1px solid var(--c-border); border-radius: var(--r-card); }
.cart-row img { width: 88px; height: 88px; border-radius: var(--r-img); object-fit: cover; }
.cart-row__name { font-weight: 600; line-height: 1.4; text-decoration: none; }
.cart-row__meta { font-size: 14px; color: var(--c-muted); margin-top: 4px; }
.cart-row__price { font-size: 14px; color: var(--c-muted); margin-top: 4px; }
.cart-row__sum { font-weight: 800; font-size: 17px; text-align: right; }
@media (max-width: 767px) {
  .cart-row { grid-template-columns: 72px 1fr 32px; grid-template-areas: "img info x" "img qty sum"; gap: 8px 12px; align-items: start; }
  .cart-row img { grid-area: img; width: 72px; height: 72px; }
  .cart-row__info { grid-area: info; }
  .cart-row .qty { grid-area: qty; justify-self: start; }
  .cart-row__sum { grid-area: sum; align-self: center; }
  .cart-row .sc-row__x { grid-area: x; }
}
.coupon { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.coupon input { flex: 1 1 200px; padding: 11px 16px; border-radius: var(--r-pill); border: 1px solid var(--c-border); font-size: 15px; }
.totals { display: grid; gap: 12px; padding: 24px; border-radius: var(--r-card); background: var(--c-surface); }
.totals h2 { font-size: 20px; margin-bottom: 4px; }
.totals dl { display: grid; grid-template-columns: 1fr auto; gap: 10px 16px; margin: 0; font-size: 15px; }
.totals dt { color: var(--c-muted); }
.totals dd { margin: 0; text-align: right; font-weight: 600; }
.totals .total dt, .totals .total dd { padding-top: 12px; border-top: 1px solid var(--c-border); font-size: 18px; font-weight: 800; color: var(--c-text); }
.totals .muted { font-size: 13px; }

/* =====================================================================
   ЛЕПИЛО ЗА WOO (няма го в макета - разметката идва от Woo/плъгините)
   ===================================================================== */
/* В макета редът „Общо" е <div class="total" style="display:contents">;
   тук стилът е в CSS, за да не е inline в шаблона. */
.totals .total { display: contents; }
.totals dd strong { font-weight: inherit; }
.totals .includes_tax, .totals small { display: block; font-size: 12px; font-weight: 500; color: var(--c-muted); }
/* Премахване на купон (линкът на Woo до сумата) */
.totals .woocommerce-remove-coupon { margin-left: 6px; font-size: 13px; font-weight: 500; color: var(--c-muted); }

/* x-ът: cart.js на Woo търси .product-remove > a - обвивката не е клетка от мрежата */
.cart-row .product-remove { display: contents; }
/* Продукт, който се продава по един: Woo дава скрито поле без .qty - не заема място */
.cart-row .quantity:not(.qty) { display: none; }
.cart-row__price del { margin-left: 6px; opacity: .8; }

/* Формата: редовете, после купонът; скритият бутон „Обнови" (.sr-only) остава за cart.js */
.woocommerce-cart-form .actions { display: grid; }
.woocommerce-cart-form .coupon-error-notice { flex-basis: 100%; font-size: 13px; color: var(--c-sale); }
.woocommerce-cart-form #coupon_code.has-error { border-color: var(--c-sale); }
.cart-collaterals { min-width: 0; }
.wc-proceed-to-checkout { display: grid; gap: 10px; margin-top: 4px; }

/* Докато cart.js обновява (blockUI сам слага полупрозрачен слой отгоре) */
.woocommerce-cart-form.processing, .cart_totals.processing { opacity: .7; }

/* Празна количка (#prazna): празното състояние, после „Най-желани" */
/* 390: сумата в колона от 32px (макетът) излизаше извън картата - редът
   „- 1 +  сума" заема цялата ширина до снимката */
@media (max-width: 767px) {
  .cart-row { grid-template-columns: 72px minmax(0, 1fr) auto 32px; grid-template-areas: "img info info x" "img qty sum sum"; }
  .cart-row__sum { white-space: nowrap; }
}

#prazna .empty-state { padding-top: 16px; }
#prazna .sec-head { margin-top: var(--sp-block); }