/* ==========================================================================
   price-box.css — بطاقة السعر (Price box) — تفاصيل المنتج
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   سعر الإطار الواحد + السعر القديم + شامل الضريبة + سعر إجمالي 4 + التوفّر.
   WC-NOTE: أسعار من woocommerce_get_price_html + تسعير حسب الكمية (4 إطارات)
   ========================================================================== */

.price-box {
  padding-block: var(--space-20);
  padding-inline: var(--space-24);
  background-color: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card-soft); /* فيجما: ظل ناعم 0 2px 16px */
}

/* الصف العلوي: سعر الإطار الواحد (يمين) + السعر القديم (يسار) */
.price-box__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-16);
}

.price-box__unit {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  text-align: start; /* start = يمين في RTL */
}
.price-box__label {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-medium);
  color: var(--color-text-faint);
}
.price-box__amount-row {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  flex-wrap: wrap;
}
.price-box__price {
  display: inline-flex;
  align-items: baseline;
  color: var(--color-gradient-end);
  font-weight: var(--fw-black);
}
.price-box__int {
  font-size: var(--fs-4xl);
  line-height: var(--lh-display);
}
.price-box__frac {
  /* فيجما: "ريال" بنفس لون الرقم، 18px بولد — وليس نص باهت صغير */
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  margin-inline-start: var(--space-4);
}
.price-box__tax {
  font-size: var(--fs-2xs);
  font-weight: var(--fw-bold);
  color: var(--color-success);
  background-color: color-mix(in srgb, var(--color-success) 10%, transparent);
  padding-block: var(--space-4);
  padding-inline: var(--space-8);
  border-radius: var(--radius-xs);
}
.price-box__old {
  /* فيجما: بلا خلفية، محاذي لمنتصف ارتفاع الصف (وليس أعلاه تمامًا) */
  align-self: center;
  font-size: var(--fs-2xs);
  color: var(--color-text-faint);
  text-decoration: line-through;
}

.price-box__divider {
  display: block; /* كان span بلا display:block فألغى الارتفاع والهامش الرأسي تمامًا */
  height: var(--border-width);
  background-color: var(--color-border);
  margin-block: var(--space-16);
}

/* الصف الثاني: سعر إجمالي 4 إطارات */
.price-box__total {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  text-align: start; /* start = يمين في RTL */
}

/* حالة التوفّر (Stock) */
.price-box__stock {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* flex-start = يمين في RTL */
  gap: var(--space-8);
  margin-top: var(--space-12);
  font-size: var(--fs-2xs);
  color: var(--color-text-secondary);
}
.price-box__stock-dot {
  width: var(--space-8);
  height: var(--space-8);
  border-radius: var(--radius-pill);
  background-color: var(--color-success);
}