/* ================================================= */
/*   VELAR CHECKOUT — نسخة جديدة (تصميم مسطح موحّد)     */
/* ================================================= */

.checkout_form,
.checkout_order_summary{
  --vc-accent:#111827;
  --vc-accent-soft:rgba(10,88,255,.08);
  --vc-blue:#0a58ff;
  --vc-text:#111827;
  --vc-muted:#6b7280;
  --vc-border:rgba(17,24,39,.12);
  --vc-radius:12px;
  --vc-radius-input:8px;
  font-family:"Cairo",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
}

/* إلغاء أي حدود متقطعة (Dashed) في كل الصفحة */
.border-dashed{
  border-style:solid !important;
  border-color:var(--vc-border) !important;
}

/* ================================================= */
/*   بطاقة فورم البيانات                              */
/* ================================================= */

.checkout_form{
  background:#fff;
  border:1px solid var(--vc-border) !important;
  border-radius:var(--vc-radius) !important;
  box-shadow:none !important;
  padding:24px 22px !important;
}

.checkout_form .contact-info-heading{
  background:#fff !important;
  border:none !important;
  border-bottom:1px solid var(--vc-border) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding-bottom:14px !important;
  margin-bottom:18px !important;
}

.checkout_form .contact-info-heading h2,
.checkout_form .contact-info-heading p{
  font-weight:700 !important;
  font-size:17px !important;
  color:var(--vc-text) !important;
}

.checkout_form .contact-info-heading>svg{
  display:none;
}

/* الحقول */
.checkout_form .global_input,
.checkout_form .global_textarea{
  background:#fafbfc !important;
  border:1px solid var(--vc-border) !important;
  border-radius:var(--vc-radius-input) !important;
  padding-top:13px !important;
  padding-bottom:13px !important;
  padding-right:42px !important;
  padding-left:14px !important;
  font-size:14px !important;
  color:var(--vc-text) !important;
  box-shadow:none !important;
  transition:border-color .15s ease, background .15s ease;
}

.checkout_form .global_textarea{
  padding-right:14px !important;
}

.checkout_form .global_input::placeholder,
.checkout_form .global_textarea::placeholder{
  color:var(--vc-muted) !important;
  font-weight:500 !important;
}

.checkout_form .global_input:focus,
.checkout_form .global_textarea:focus{
  outline:none;
  background:#fff !important;
  border-color:var(--vc-blue) !important;
  box-shadow:0 0 0 3px rgba(10,88,255,.12) !important;
}

/* حقل اختيار المحافظة (React Select) */
.checkout_form .gov_select .select__control{
  background:#fafbfc !important;
  border:1px solid var(--vc-border) !important;
  border-radius:var(--vc-radius-input) !important;
  box-shadow:none !important;
  min-height:48px;
  padding-right:28px !important;
}

.checkout_form .gov_select .select__control--is-focused{
  background:#fff !important;
  border-color:var(--vc-blue) !important;
  box-shadow:0 0 0 3px rgba(10,88,255,.12) !important;
}

.checkout_form .gov_select .select__placeholder{
  color:var(--vc-muted) !important;
  font-weight:500 !important;
}

/* زرار إتمام الطلب — أسود موحّد مع باقي أزرار الموقع */
.checkout_form .checkout_buy_now{
  background:var(--vc-accent) !important;
  color:#fff !important;
  border:none !important;
  border-radius:var(--vc-radius-input) !important;
  font-weight:700 !important;
  font-size:15px !important;
  padding:15px !important;
  box-shadow:none !important;
  transition:background .15s ease, transform .12s ease !important;
}

.checkout_form .checkout_buy_now:hover{
  background:#000000 !important;
  transform:translateY(-1px);
}

.checkout_form .checkout_buy_now:active{
  transform:translateY(0);
}

/* ================================================= */
/*   ملخص الطلب                                       */
/* ================================================= */

.checkout_order_summary{
  --vs-accent:#111827;
  --vs-border:rgba(17,24,39,.12);
  --vs-radius:12px;
}

.checkout_order_summary>.mx-auto{
  background:#fff !important;
  border:1px solid var(--vs-border) !important;
  border-radius:var(--vs-radius) !important;
  box-shadow:none !important;
  padding:20px !important;
}

/* العنوان */
.checkout_order_summary #summary-heading{
  text-align:right !important;
  font-weight:800 !important;
  font-size:18px !important;
  color:var(--vc-text) !important;
  position:relative;
  padding-bottom:14px !important;
  border-bottom:1px solid var(--vs-border) !important;
  margin-bottom:14px !important;
}

.checkout_order_summary #summary-heading::after{
  display:none !important;
}

/* عناصر المنتجات */
.checkout_order_summary li.cart-item{
  padding:14px 0 !important;
  border-bottom:1px solid var(--vs-border) !important;
  border-radius:0 !important;
  transition:none !important;
}

.checkout_order_summary li.cart-item:last-of-type{
  border-bottom:none !important;
}

.checkout_order_summary li.cart-item:hover{
  background:transparent !important;
  transform:none !important;
}

.checkout_order_summary .h-24.w-24{
  width:72px !important;
  height:72px !important;
  border-radius:8px !important;
  border:1px solid var(--vs-border);
  overflow:hidden;
}

.checkout_order_summary h3,
.checkout_order_summary li.cart-item p{
  color:var(--vc-text) !important;
  font-weight:600 !important;
  font-size:13.5px !important;
}

/* أزرار الكمية */
.checkout_order_summary .cart-item-quantity-counter{
  border:1px solid var(--vs-border) !important;
  border-radius:8px !important;
  overflow:hidden;
}

.checkout_order_summary .cart-item-quantity-counter button{
  width:30px !important;
  height:30px !important;
  display:grid;
  place-items:center;
  border-radius:0 !important;
  border:none !important;
  background:#fff !important;
  color:var(--vc-text) !important;
  transition:background .15s ease;
}

.checkout_order_summary .cart-item-quantity-counter button:hover{
  background:#f5f5f5 !important;
}

/* أيقونة السلة/الحذف */
.checkout_order_summary button[aria-label*="remove"],
.checkout_order_summary button[aria-label*="حذف"]{
  border:none !important;
  background:transparent !important;
  color:#dc2626 !important;
}

/* كود الكوبون */
.checkout_order_summary input[placeholder*="كوبون"],
.checkout_order_summary input[placeholder*="خصم"]{
  border:1px solid var(--vs-border) !important;
  border-radius:8px !important;
  background:#fafbfc !important;
  font-size:13px !important;
}

.checkout_order_summary button[class*="coupon"],
.checkout_order_summary .rounded-full{
  border:1px solid var(--vc-text) !important;
  border-radius:999px !important;
  color:var(--vc-text) !important;
  background:#fff !important;
  font-weight:600 !important;
  box-shadow:none !important;
}

.checkout_order_summary button[class*="coupon"]:hover,
.checkout_order_summary .rounded-full:hover{
  background:var(--vc-text) !important;
  color:#fff !important;
}

/* الإجمالي */
.checkout_order_summary dl{
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px solid var(--vs-border) !important;
}

.checkout_order_summary dl dt,
.checkout_order_summary dl dd{
  font-size:13.5px !important;
  color:var(--vc-muted) !important;
  font-weight:500 !important;
}

.checkout_order_summary dl>.border-t{
  border-top:1px solid var(--vs-border) !important;
  padding-top:10px !important;
  margin-top:10px !important;
}

.checkout_order_summary dl>.border-t dt{
  font-weight:700 !important;
  color:var(--vc-text) !important;
}

.checkout_order_summary dl>.border-t dd{
  font-size:19px !important;
  font-weight:800 !important;
  color:var(--vc-text) !important;
}

/* بادج الشحن المجاني */
.checkout_order_summary .shipping_cost_container .shipping_cost{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:5px 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#065f46 !important;
  background:#ecfdf5 !important;
  border:1px solid #a7f3d0 !important;
}

.checkout_order_summary .shipping_cost_container .shipping_cost::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:#10b981;
  display:inline-block;
}

/* ================================================= */
/*   الموبايل                                          */
/* ================================================= */

@media (max-width:768px){
  .checkout_form{ padding:18px 16px !important; }
  .checkout_order_summary>.mx-auto{ padding:16px !important; }
  .checkout_order_summary .h-24.w-24{ width:60px !important; height:60px !important; }
}