/* Doina Vin · dv-deals (Promoții): the deals section of the cart drawer and of /cos/, and "Se potrivește cu" on /cos/.
   Kit parts reused: .dvh-progress (+ __track, __fill, --progress), .dvh-drawer__section, .dvh-minis, .dvh-mini, .dvh-add,
   .dvh-house-surface. Only the additions live here. */

/* ---- deals section (drawer and /cos/) ---------------------------------------------------------------- */
.dvdeals { display: grid; gap: var(--sp-2); }
.dvdeals-meter__text { display: flex; align-items: flex-start; gap: var(--sp-2); margin: 0; color: var(--ink); font-weight: var(--fw-ui, 500); }
/* the kit's track and fill are spans here: block boxes so the height and the --progress width apply */
.dvdeals-meter .dvh-progress__track, .dvdeals-meter .dvh-progress__fill { display: block; }
.dvdeals-meter[data-reached] .dvh-progress__fill { background: var(--success); }
.dvdeals-meter[data-reached] .dvdeals-meter__text .dvh-icon { color: var(--success); }
.dvdeals-line, .dvdeals-nudge { display: flex; align-items: flex-start; gap: var(--sp-2); margin: 0; font-size: var(--fs-meta); line-height: var(--lh-meta); }
.dvdeals-line > span:first-of-type { flex: 1 1 auto; min-width: 0; }
.dvdeals-line .dvh-price { flex: none; white-space: nowrap; font-weight: var(--fw-strong); font-variant-numeric: tabular-nums; color: var(--success); }
/* the next step to a discount stands out (owner 2026-10-19: "shall be more visible like bold or redish or greenish"):
   success green, bold, on a light green band; #2D6A4F on the band is about 5.3:1 */
.dvdeals-nudge { align-items: center; padding: var(--sp-2) var(--sp-3); border-radius: var(--radius-control); background: color-mix(in srgb, var(--success) 10%, var(--surface)); color: var(--success); font-weight: var(--fw-strong); }
.dvdeals-nudge .dvh-icon { flex: none; color: var(--success); }
.dvdeals .dvh-icon { flex: none; width: 16px; height: 16px; margin-top: 2px; }
.dvdeals-line .dvh-icon { color: var(--success); }

/* drawer foot: the amount after the case discount, under the Subtotal */
.dvdeals-after { display: flex; justify-content: space-between; align-items: baseline; gap: var(--sp-3); margin: calc(-1 * var(--sp-2)) 0 0; font-size: var(--fs-meta); line-height: var(--lh-meta); font-weight: var(--fw-ui, 500); color: var(--success); }
.dvdeals-after .dvh-price { font-weight: var(--fw-strong); font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ---- /cos/ -------------------------------------------------------------------------------------------- */
.dvdeals-cart:empty, .dvdeals-cart-pairs:empty { display: none; }
.dvdeals-cart { max-width: 720px; margin: 0 0 var(--sp-5); }
.dvdeals--cart { padding: var(--sp-3) var(--sp-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-control, 4px); }
.dvdeals--cart .dvh-progress { padding: 0; background: none; }

.dvdeals-pairs--cart { margin-top: var(--sp-7, 48px); }
.dvdeals-pairs__title {
  display: flex; align-items: center; gap: var(--sp-2); margin: 0 0 var(--sp-3);
  font-family: var(--font-text); font-size: var(--fs-eyebrow); line-height: var(--lh-eyebrow); font-weight: var(--fw-strong);
  letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--muted);
}
.dvdeals-pairs--cart .dvh-minis { grid-auto-columns: minmax(150px, 200px); }
.dvdeals-pairs--cart .dvh-mini { background: var(--surface); border: 1px solid var(--line); }
.dvdeals-pairs--cart .dvh-mini__name a { color: inherit; text-decoration: none; }
.dvdeals-pairs--cart .dvh-mini__name a:hover { text-decoration: underline; text-underline-offset: 3px; }
.dvdeals-pairs--cart .dvh-mini__name a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 2px; }

@media (max-width: 599.98px) {
  .dvdeals-cart { margin-bottom: var(--sp-4); }
  .dvdeals-pairs--cart { margin-top: var(--sp-6, 40px); }
  .dvdeals-pairs--cart .dvh-minis { grid-auto-columns: minmax(140px, 46%); }
}