/*
================================================

Space Vanta Theme 1.0

Module:
Cart Item Pricing

File:
public/cart/cs/pricing.css

Version:
1.2

Phase:
CART-FRAME-001

Responsibilities:

- Current Price typography
- Price spacing

Does NOT handle:

- Original price
- Discount
- Quantity
- Currency calculation

================================================
*/


/* =================================================
01. PRICING
================================================= */

.sv-cart-item__pricing {

  display: flex;

  align-items: baseline;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 8px;

  line-height: 1.4;
}


/* =================================================
02. CURRENT PRICE LABEL
================================================= */

.sv-cart-item__pricing-label {

  font-size: 10px;

  line-height: 1.4;

  font-weight: 400;

  letter-spacing: 0.075em;

  text-transform: uppercase;

  color:
    var(--sv-color-text-secondary, #6F6C65);

  opacity: 0.58;
}


/* =================================================
03. CURRENT PRICE
================================================= */

.sv-cart-item__pricing-current {

  font-size: 14px;

  line-height: 1.35;

  /*
     * Deliberately restrained.
     * Price should read as product information,
     * not as a promotional signal.
     */
  font-weight: 400;

  letter-spacing: 0.025em;

  color:
    var(--sv-color-text-primary);

  opacity: 0.82;
}


/* =================================================
04. MOBILE
================================================= */

@media (max-width: 767px) {

  .sv-cart-item__pricing {

    margin-top: 7px;

    gap: 6px;
  }


  .sv-cart-item__pricing-label {

    font-size: 9px;

    font-weight: 400;

    letter-spacing: 0.065em;

    opacity: 0.55;
  }


  .sv-cart-item__pricing-current {

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 0.025em;

    opacity: 0.82;
  }
}