/* ==========================================================================
   coupon-field.css — حقل الكوبون (Coupon field)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   يعيد استخدام .input (Batch 1) + .btn--primary. السلة + ملخص الطلب.
   WC-NOTE: woocommerce_apply_coupon
   ========================================================================== */

/* عمودي (حقل ثم زر) — كانت صفّاً واحداً (row)، فيضيق حقل الإدخال بشدة داخل
   عرض الشريط الجانبي الضيق (~300px) لأن الزر لا ينكمش بنفس القدر؛ العمودي
   يطابق مظهر السلة/الدفع الفعلي المطلوب ولا يعتمد على عرض العمود. */
.coupon-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  width: 100%;
}
.coupon-field .input {
  width: 100%;
}

/* حالة تطبيق الكوبون (Applied) */
.coupon-field--applied {
  align-items: center;
  color: var(--color-success);
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
}