/* ==========================================================================
   order-summary-box.css — صندوق ملخص الطلب (Order summary)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   السلة + جميع خطوات الدفع.
   WC-NOTE: cart-totals.php + review-order.php؛
            "خدمة التركيب" رسم عبر woocommerce_cart_calculate_fees
   ========================================================================== */

.order-summary {
  display: flex;
  flex-direction: column;
  background-color: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;

}

/* الرأس العنابي (Header) — فيجما: العنابي الأعمق #4A0E14 */
.order-summary__header {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-16);
  background-color: var(--color-gradient-end);
  color: var(--color-text-invert);
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
}

/* أزرار الملخّص (تطبيق الكوبون / التقدّم لإتمام الطلب) بنفس العنابي الأعمق
   من فيجما (#4A0E14) لتتناسق مع الرأس — نطاقها داخل الملخّص فقط. */
.order-summary .btn--primary {
  background-color: var(--color-gradient-end);


}

.order-summary .btn--primary:hover {
  background-color: color-mix(in srgb, var(--color-gradient-end) 82%, #000);
}

.order-summary__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  padding: var(--space-16);
}

/* سطر (Row) — تسمية / قيمة */
.order-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  font-size: var(--fs-base);
  color: var(--color-text);
}

/* أسطر فرعية باهتة (رسوم/خصومات) */
.order-summary__row--muted {
  font-size: var(--fs-xs);
  color: var(--color-text-muted);
}

/* الإجمالي النهائي (Total) */
.order-summary__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  padding-block-start: var(--space-16);
  border-block-start: var(--border-width) solid var(--color-border);
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  color: var(--color-primary);
}

/* فتحة الكوبون (Coupon slot) — تنسيق الحقل نفسه في Batch 5 */
.order-summary__coupon {
  display: flex;
  gap: var(--space-8);
  padding: var(--space-16);
  padding-block-start: 0;
}

/* زر المتابعة (CTA) */
.order-summary__cta {
  padding: var(--space-16);
  padding-block-start: 0;
}