/*
 * Prodavaki Cart — the strip added to the OCTemplates popup cart.
 * Loaded site-wide, because the popup can open on any page. Kept deliberately
 * small: it only styles what this module inserts, never the popup itself.
 */

.pcart-popup-extra {
  --pc-accent: #e42313;
  --pc-accent-dark: #a8291b;
  --pc-points-bg: #fff5f4;
  --pc-points-border: #f7d8d4;

  margin: 4px 0 16px;
}

/*
 * Something inside the popup pulls this block 20px past the modal's padding on
 * both sides, so the points strip and the recommendations touched the edges
 * while every other row was inset. The declaration is not in any stylesheet the
 * page exposes and a more specific selector does not beat it, so the alignment
 * is pinned. Measured: the block now starts and ends exactly where the product
 * list above it does.
 */
.pcart-popup-extra { margin-left: 0 !important; margin-right: 0 !important; }

.pcart-popup-extra .pcart-points {
  display: flex; align-items: center; gap: 9px;
  margin: 0 0 14px; padding: 10px 12px;
  border: 1px solid var(--pc-points-border); border-radius: 10px;
  background: var(--pc-points-bg); color: var(--pc-accent-dark);
  font-size: 13px; font-weight: 600; line-height: 1.4;
}

.pcart-popup-extra .pcart-points__dot {
  display: inline-flex; width: 20px; height: 20px; flex: none;
  align-items: center; justify-content: center; border-radius: 50%;
  background: var(--pc-accent); color: #fff; font-size: 11px; font-weight: 800;
}

/* No inner scroll: a scrollable strip inside a scrollable modal is two
   scrollbars fighting, and it was hiding half the block. The popup itself
   scrolls, and the compact card is short enough for that to be fine. */
.pcart-popup-recommend + .pcart-popup-recommend { margin-top: 14px; }

/* Recommendations sit below the buttons, so they need a line to separate the
   order from the offer — otherwise the buttons look like they belong to the
   products underneath. */
.pcart-popup-extra--below { margin-top: 0; padding-top: 16px; border-top: 1px solid #eef0f2; }