/* Акції: плашка на товарі й прогрес у кошику. */

/* Іконка — як на картці «Знижки» на головній: червоне коло, біла іконка %. */
.promo-badge__icon{
  flex:none;display:grid;place-items:center;
  width:20px;height:20px;border-radius:50%;
  background:#dc2626;color:#fff;
}
.promo-badge__icon svg{width:13px;height:13px}

.promo-badge{
  display:inline-flex;align-items:center;gap:6px;
  max-width:100%;
  font-weight:600;line-height:1.2;color:#1a1a18;
}
.promo-badge__text{min-width:0}

/* Архів: накладка внизу фото. Ширина — за текстом, не на всю картку. */
.promo-badge--overlay{
  position:absolute;left:8px;bottom:8px;z-index:2;
  width:max-content;max-width:calc(100% - 16px);
  padding:3px 9px 3px 3px;
  background:#fff;border-radius:999px;
  box-shadow:0 1px 5px rgba(0,0,0,.22);
  font-size:11.5px;
  pointer-events:none;           /* картка — це <a>: клік має йти по ній */
}
.promo-badge--overlay .promo-badge__text{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* Теги-бейджі товару тримаються внизу фото — піднімаємо їх над плашкою. */
.card-img:has(.promo-badge--overlay) .prod-tag-badges{bottom:38px}

/* Сторінка товару: під ціною, ширина за написом. */
.promo-badge--price{
  display:flex;width:max-content;
  margin:10px 0 2px;
  padding:5px 12px 5px 5px;
  background:#fff6f5;border:1px solid #f5c9c5;border-radius:999px;
  font-size:13.5px;color:#7f1d1d;
}
.promo-badge--price .promo-badge__icon{width:22px;height:22px}
.promo-badge--price .promo-badge__icon svg{width:14px;height:14px}

.promo-progress{margin:10px 0;display:flex;flex-direction:column;gap:6px}
.promo-progress__icon{
  flex:none;display:grid;place-items:center;
  width:20px;height:20px;border-radius:50%;
  background:#dc2626;color:#fff;
}
.promo-progress__icon svg{width:12px;height:12px}
.promo-progress__text{min-width:0}
.promo-progress__row{
  display:flex;align-items:center;gap:8px;
  font-size:13px;line-height:1.35;color:#7a5200;
  background:#fff6e5;border:1px solid #f3d9a4;border-radius:8px;padding:8px 10px;
}
.promo-progress__row.is-done{color:#1d6b2f;background:#eaf7ec;border-color:#b7e2c0}

.gift-tag__icon{flex:none;display:grid;place-items:center;width:16px;height:16px;margin-right:5px;border-radius:50%;background:#dc2626;color:#fff}
.gift-tag__icon svg{width:10px;height:10px}
.gift-tag{
  /* Плашка за шириною тексту. У шторці батько — flex-колонка, і звичайний
     inline-block розтягувався на всю ширину; align-self + width:fit-content це гасять. */
  display:inline-flex;align-items:center;align-self:flex-start;
  width:fit-content;max-width:100%;
  margin:4px 0 0;padding:2px 9px 2px 4px;border-radius:999px;
  background:#eaf7ec;color:#1d6b2f;font-size:11.5px;font-weight:700;white-space:nowrap;line-height:1.3;
}
.gift-qty{color:#646970}

@media (max-width:480px){
  .promo-badge--overlay{left:6px;bottom:6px;font-size:11px;max-width:calc(100% - 12px)}
  .card-img:has(.promo-badge--overlay) .prod-tag-badges{bottom:34px}
  .promo-badge--price{font-size:13px}
}

/* Подарунок у складі замовлення / шторці: нульова ціна — червоним, без +/−. */
.gift-price,
.gift-price .woocommerce-Price-amount,
.cart-item__price.gift-price{color:#dc2626 !important;font-weight:700}
.gift-qty{display:inline-block;margin-top:6px;color:#646970;font-size:13px}

/* «Подарунок: 3+1 на каву» — одним рядком, а не стовпчиком. */
.checkout-review-order-item dl.variation{margin:4px 0 0;font-size:12.5px;color:#646970;line-height:1.35}
.checkout-review-order-item dl.variation dt,
.checkout-review-order-item dl.variation dd,
.checkout-review-order-item dl.variation dd p{display:inline;margin:0}
.checkout-review-order-item dl.variation dd{margin-left:3px}

/* Картка на головній (.prod-card): тег-бейджі піднімаємо над плашкою, як в архіві. */
.prod-img-wrap:has(.promo-badge--overlay) .prod-tag-badges{bottom:38px}
@media (max-width:480px){.prod-img-wrap:has(.promo-badge--overlay) .prod-tag-badges{bottom:34px}}