/* ===================== ألوان/متغيرات ===================== */
:root{
  --rtg-accent: #b57a57;      /* لون زر اطلب الآن */
  --rtg-ink:    #1f2937;      /* النص الأساسي */
  --rtg-muted:  #6b7280;      /* نص ثانوي */
  --rtg-line:   #e5e7eb;      /* حدود/فواصل */
  --rtg-soft:   #f8fafc;      /* خلفيات لينة */
  --rtg-card:   #ffffff;      /* خلفية الكروت */
  --rtg-shadow: 0 10px 22px rgba(0,0,0,.06);
}

/* إخفاء زر أضف للسلة */
.single-product form.cart .single_add_to_cart_button,
.single-product form.cart button.single_add_to_cart_button{ display:none !important; }

/* ===================== صندوق البيانات ===================== */
.rtg-quick-box{
  width:100%;
  background:var(--rtg-card);
  border:1px solid var(--rtg-line);
  border-radius:16px;
  padding:18px;
  margin:16px 0;
  box-shadow:var(--rtg-shadow);
}
.rtg-note{
  margin:0 0 12px;
  font-weight:700;
  text-align:center;
  color:var(--rtg-ink);
}

.rtg-field{
  width:100%;
  padding:12px 14px;
  margin:10px 0;
  border:1px solid var(--rtg-line);
  border-radius:10px;
  background:#fff;
  color:var(--rtg-ink);
  outline:0;
  transition:border-color .15s, box-shadow .15s;
  font-variant-numeric: tabular-nums; /* أرقام محاسبية */
  font-feature-settings: "tnum" 1;
}
.rtg-field::placeholder{ color:#9ca3af; }
.rtg-field:focus{
  border-color: color-mix(in srgb, var(--rtg-accent) 45%, #ffffff);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--rtg-accent) 18%, transparent);
}
/* محاذاة الهاتف يمين */
.single-product form.cart input[name="rtg_phone"]{ text-align:right; }

.rtg-submit{
  width:100%;
  margin-top:12px;
  padding:.95rem 1rem;
  font-weight:800;
  border-radius:12px;
  border:0;
  background:var(--rtg-accent);
  color:#fff;
  box-shadow:0 8px 18px color-mix(in srgb, var(--rtg-accent) 28%, transparent);
  transition:filter .15s;
}
.rtg-submit:hover{ filter:brightness(1.05); }

/* اجعل الصندوقين بعرض كامل */
.single-product form.cart .rtg-quick-box,
.single-product form.cart .rtg-summary{
  width:100% !important;
  max-width:100% !important;
  inline-size:100% !important;
  box-sizing:border-box;
}
.single-product form.cart{ align-items:stretch; }

/* ===================== ملخص الطلب ===================== */
.rtg-summary{
  margin:16px 0;
  background:var(--rtg-card);
  border:1px solid var(--rtg-line);
  border-radius:16px;
  box-shadow:var(--rtg-shadow);
  overflow:hidden;
  direction:rtl;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* رأس الملخص */
.rtg-sum-head{
  padding:14px 16px;
  display:flex; align-items:center; justify-content:space-between;
  font-weight:800; color:var(--rtg-ink);
  background:linear-gradient(to left, var(--rtg-soft), #fff);
  border-bottom:1px solid var(--rtg-line);
}

/* صفوف الملخص: الاسم يمين / القيم يسار */
.rtg-sum-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  border-top:1px dashed var(--rtg-line);
}
.rtg-sum-row:first-of-type{ border-top:0; }

.rtg-sum-label{
  text-align:right;
  color:var(--rtg-muted);
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:anywhere;
}
.rtg-sum-value{
  text-align:left;
  color:var(--rtg-ink);
  display:flex; align-items:center; gap:10px;
  white-space:nowrap;
  flex:0 0 auto; min-width:0;
}

/* سطر العملية: إجبار LTR + تمييز المشغلات × و = */
.rtg-ltr{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-flex;
  align-items:baseline;
  gap:6px;
}
.rtg-op{ opacity:.6; }

/* تحسين أرقام/إبراز */
.rtg-unit-x-qty{ opacity:.9; font-size:13px; }
.rtg-unit-x-qty strong{ font-weight:800; }
.rtg-subtotal{ font-weight:600; }
.rtg-num{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
}

/* شارة الشحن */
.rtg-ship{
  display:inline-block;
  padding:.18rem .55rem;
  border-radius:999px;
  background:var(--rtg-soft);
  border:1px solid var(--rtg-line);
  font-size:12.5px;
  line-height:1.2;
}

/* إبراز الإجمالي */
.rtg-sum-total .rtg-sum-label{ font-weight:800; color:var(--rtg-ink); }
.rtg-sum-total .rtg-sum-value{
  font-weight:800;
  font-size:16px;
  letter-spacing:.2px;
}

/* موبايل */
@media (max-width: 480px){
  .rtg-sum-row{ padding:12px 14px; }
  .rtg-sum-value{ font-size:13px; }
  .rtg-sum-total .rtg-sum-value{ font-size:15px; }
}

/* دمج بصري: حقول الطلب + ملخص الطلب في بطاقة واحدة */
.single-product form.cart .rtg-quick-box{
  margin-bottom:0 !important;
  border-bottom:0 !important;
  border-radius:16px 16px 0 0 !important;
  box-shadow:var(--rtg-shadow);
}

/* الملخّص مباشرة بعد الصندوق */
.single-product form.cart .rtg-quick-box + .rtg-summary{
  margin-top:0 !important;
  /* نفس الإطار واللون ليتصلان */
  border-top:1px dashed var(--rtg-line) !important;  /* فاصل لطيف بين الجزأين */
  border-right:1px solid var(--rtg-line) !important;
  border-left:1px solid var(--rtg-line) !important;
  border-bottom:1px solid var(--rtg-line) !important;
  border-radius:0 0 16px 16px !important;

  /* يفضل إزالة الظل هنا كي لا يبان ظلّان متراكبان */
  box-shadow:none !important;
}

/* لو تحب ظل موحّد حول الكرت كله: ضعه على العنصر الأول فقط */
@media (min-width:0){
  .single-product form.cart .rtg-quick-box{ box-shadow:var(--rtg-shadow); }
  .single-product form.cart .rtg-quick-box + .rtg-summary{ box-shadow:none; }
}


/* ===== بطاقة موحّدة للحقول + الملخّص ===== */
.rtg-order-card{
  background: var(--rtg-card);
  border: 1px solid var(--rtg-line);
  border-radius: 16px;
  box-shadow: var(--rtg-shadow);
  overflow: hidden;          /* لتدوير الحواف لكل المحتوى */
  margin: 16px 0;
}

/* ألغِ حدود/ظل الحقول لأن البطاقة أصبحت مسؤولة عنهما */
.rtg-order-card .rtg-quick-box{
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 18px !important;
}

/* ألغِ حدود/ظل الملخّص وأضف فاصل علوي لطيف */
.rtg-order-card .rtg-summary{
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  border-top: 1px dashed var(--rtg-line);
}

/* رأس الملخّص يبقى كما هو (يمكن تخفيف الحدود لو حبيت) */
.rtg-order-card .rtg-sum-head{
  background: linear-gradient(to left, var(--rtg-soft), #fff);
  border-bottom: 1px solid var(--rtg-line);
}