.elementor-124 .elementor-element.elementor-element-5a42b55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-124 .elementor-element.elementor-element-f9c5460{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-6a7c00d *//* ==================== APOLLO GROUP TV — CHECKOUT THEME ==================== */
body.woocommerce-checkout{
  --bg:#0a0b16; --bg2:#0f1430; --pane:#101633; --card:#0f1430;
  --pri:#5b8cff; --pri2:#7aa2ff; --acc:#18d3a6; --gold:#f7c948;
  --txt:#eef3ff; --mut:#aab3d6; --thin:rgba(255,255,255,.12);
  --ok:#27d18b; --warn:#ffb020; --bad:#ff5a68;
  color:var(--txt);
  background:linear-gradient(180deg,var(--bg),var(--bg2));
}

/* حاوية عامة */
.woocommerce-checkout .container, 
.woocommerce-checkout .entry-content > .woocommerce{max-width:1200px;margin:0 auto;padding:10px 16px}

/* رسائل وووكومرس */
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  background:#0f1331; color:#e7ecff; border-top:3px solid var(--acc) !important; border-radius:12px;
}
.woocommerce-error{border-top-color:var(--bad)!important}
.woocommerce-info a, .woocommerce-message a{color:#cfe3ff;text-decoration:none}
.woocommerce-info a:hover, .woocommerce-message a:hover{color:#fff}

/* تخطيط عمودين: بيانات العميل + ملخص الطلب */
form.checkout .col2-set, .woocommerce-checkout .col2-set{display:block}
.woocommerce form.checkout .checkout-columns{
  display:grid; gap:16px;
  grid-template-columns:2fr 1fr;
}
@media (max-width:992px){
  .woocommerce form.checkout .checkout-columns{grid-template-columns:1fr}
}

/* كروت موحّدة للأقسام */
.woocommerce form.checkout #customer_details,
.woocommerce form.checkout #order_review{
  background:var(--pane);
  border:1px solid var(--thin);
  border-radius:16px;
  padding:14px;
}

/* عناوين الأقسام */
#customer_details h3, #order_review_heading{
  margin:0 0 10px;
  font-weight:900;
  font-size:1.15rem;
  color:#fff;
  background:linear-gradient(90deg,var(--pri),var(--acc));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* الحقول: إدخال ونص وقوائم */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  background:#0a0f2a; color:#fff;
  border:1px solid var(--thin);
  border-radius:12px;
  padding:12px 14px;
  box-shadow:none; outline:0;
}
.woocommerce form .form-row textarea{min-height:110px; resize:vertical}
.woocommerce form .form-row input::placeholder,
.woocommerce form .form-row textarea::placeholder{color:#aab3d6}

/* فوكس */
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  border-color:rgba(24,211,166,.6);
  box-shadow:0 0 0 3px rgba(24,211,166,.18);
}

/* required علامة */
.woocommerce form .form-row .required{color:var(--gold)}

/* التحقق من الصحة */
.woocommerce-invalid input.input-text{border-color:var(--bad)!important}
.woocommerce-validated input.input-text{border-color:var(--ok)!important}

/* Select2 (الدولة/الولاية) */
.select2-container .select2-selection--single{
  height:44px; border-radius:12px; border:1px solid var(--thin)!important; background:#0a0f2a!important; color:#fff;
}
.select2-container .select2-selection__rendered{line-height:44px; color:#e7ecff}
.select2-container .select2-selection__arrow{height:44px}
.select2-dropdown{
  background:#0f1331; border:1px solid var(--thin); color:#e7ecff; border-radius:12px; overflow:hidden
}
.select2-results__option--highlighted{background:linear-gradient(135deg,var(--pri),var(--acc))!important}

/* ترتيب حقول الاسم في سطر واحد */
.woocommerce-billing-fields__field-wrapper{
  display:grid; gap:10px;
  grid-template-columns:repeat(2,1fr);
}
.woocommerce-billing-fields__field-wrapper .form-row-wide{grid-column:1/-1}
@media (max-width:600px){
  .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
}

/* كود الخصم + تسجيل الدخول (عودة العميل) */
.woocommerce-form-coupon-toggle,
.woocommerce-form-login-toggle{margin-bottom:8px}
.woocommerce-form-coupon, .woocommerce-form.woocommerce-form-login{
  background:#0f1331; border:1px solid var(--thin); border-radius:12px; padding:12px; color:#e7ecff
}
.checkout_coupon .form-row-first, .checkout_coupon .form-row-last{width:auto; float:none; display:inline-block; vertical-align:middle}
.checkout_coupon .input-text{min-width:220px}
.checkout_coupon .button{margin-left:8px}

/* جدول الطلب */
#order_review{
  position:relative;
}
#order_review .shop_table{
  width:100%; border-collapse:separate; border-spacing:0; color:#e7ecff;
  border:1px solid var(--thin); border-radius:12px; overflow:hidden
}
#order_review .shop_table thead th{
  background:rgba(255,255,255,.04); color:#fff; font-weight:800; padding:10px
}
#order_review .shop_table td, 
#order_review .shop_table th{border-bottom:1px solid var(--thin); padding:10px}
#order_review .shop_table tr:last-child td{border-bottom:0}
#order_review .shop_table tfoot th{color:#cfe3ff}
#order_review .shop_table tfoot .order-total th,
#order_review .shop_table tfoot .order-total td{
  background:rgba(24,211,166,.07); color:#fff; font-weight:900; border-top:1px solid rgba(24,211,166,.35)
}

/* Sticky للملخص على الديسكتوب */
@media (min-width:993px){
  #order_review{position:sticky; top:86px}
}

/* طرق الشحن */
.woocommerce-checkout-review-order-table .shipping td{color:#cfe3ff}

/* طرق الدفع */
#payment{
  background:#0f1331; border:1px solid var(--thin); border-radius:12px; padding:10px; margin-top:10px
}
#payment ul.payment_methods{
  margin:0; padding:0; list-style:none; display:grid; gap:8px
}
#payment ul.payment_methods li{
  background:rgba(255,255,255,.03); border:1px solid var(--thin); border-radius:12px; padding:10px
}
#payment ul.payment_methods li > label{
  display:flex; align-items:center; justify-content:space-between; gap:10px; color:#eef3ff; font-weight:700; cursor:pointer
}
#payment .payment_box{
  margin:8px 0 0; padding:10px; background:#0a0f2a; border:1px dashed var(--thin); color:#cfe3ff; border-radius:10px
}
#payment .about_paypal, #payment .about_stripe{color:#aab3d6}

/* الموافقة على الشروط */
.woocommerce-terms-and-conditions-wrapper{
  background:rgba(255,255,255,.03); border:1px solid var(--thin); border-radius:12px; padding:10px; margin-top:10px
}
.woocommerce-terms-and-conditions-wrapper a{color:#cfe3ff; text-decoration:none}
.woocommerce-terms-and-conditions-wrapper a:hover{color:#fff}

/* الأزرار الأساسية (Place order + عام) */
.woocommerce #place_order,
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt,
.woocommerce .button{
  background:linear-gradient(135deg,var(--pri),var(--acc)); color:#fff;
  border:0; border-radius:12px; padding:12px 16px; font-weight:900; letter-spacing:.3px;
  box-shadow:0 10px 24px rgba(24,211,166,.28); transition:.2s; text-decoration:none;
}
.woocommerce #place_order:hover,
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover{
  background:linear-gradient(135deg,var(--acc),var(--pri)); transform:translateY(-2px)
}
.woocommerce #place_order:disabled{opacity:.6; filter:grayscale(.3); cursor:not-allowed}

/* مربعات التأشير (السجل، إنشاء حساب) */
.woocommerce form .form-row .woocommerce-form__label-for-checkbox{
  display:flex; align-items:center; gap:8px; color:#e7ecff
}
.woocommerce form .form-row input[type="checkbox"]{
  width:18px; height:18px; border-radius:6px; border:1px solid var(--thin); background:#0a0f2a
}

/* ملاحظات الطلب */
.woocommerce-additional-fields{margin-top:10px}
.woocommerce-additional-fields textarea{background:#0a0f2a}

/* حالة RTL تلقائية */
html[dir="rtl"] .woocommerce-billing-fields__field-wrapper{grid-template-columns:repeat(2,1fr)}
html[dir="rtl"] .checkout_coupon .button{margin-left:0;margin-right:8px}

/* تحسينات للموبايل */
@media (max-width:600px){
  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row textarea,
  .select2-container .select2-selection--single{border-radius:10px}
  #order_review{top:0}
}

/* نصائح/ثقة أعلى الدفع (اختياري: إن أضفت سطر HTML) */
.checkout-trust-pills{
  display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 12px
}
.checkout-trust-pills .pill{
  padding:6px 10px; border-radius:999px; border:1px solid var(--thin);
  background:rgba(255,255,255,.06); color:#e7ecff; font-size:.95rem
}




<script>
jQuery(function($){
  function clamp(v, min, max){
    v = parseInt(v || 0, 10);
    if(!isFinite(v)) v = 0;
    if(typeof min !== 'undefined') v = Math.max(v, parseInt(min||0,10));
    if(typeof max !== 'undefined' && parseInt(max,10) > 0) v = Math.min(v, parseInt(max,10));
    return v;
  }

  // زر +
  $(document).on('click', '.agtv-qty .agtv-plus', function(){
    var $wrap = $(this).closest('.agtv-qty');
    var $in   = $wrap.find('input.qty');
    var val   = clamp(($in.val()||1), $in.attr('min'), $in.attr('max')) + 1;
    $in.val( clamp(val, $in.attr('min'), $in.attr('max')) ).trigger('change');
  });

  // زر -
  $(document).on('click', '.agtv-qty .agtv-minus', function(){
    var $wrap = $(this).closest('.agtv-qty');
    var $in   = $wrap.find('input.qty');
    var val   = clamp(($in.val()||1), $in.attr('min'), $in.attr('max')) - 1;
    $in.val( clamp(val, $in.attr('min'), $in.attr('max')) ).trigger('change');
  });

  // عند تغيير الرقم يحدّث checkout (AJAX)
  $(document).on('change input', '.agtv-qty input.qty', function(){
    // قلّل تكرار الاستدعاء أثناء الكتابة
    clearTimeout(this._agtvT);
    var input = this;
    this._agtvT = setTimeout(function(){
      $('body').trigger('update_checkout');
    }, 250);
  });
});
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca9cb3c *//* ===== Checkout product image + quantity controls (Apollo style) ===== */
:root{ --pri:#5b8cff; --acc:#18d3a6; --txt:#eef3ff; --thin:rgba(255,255,255,.12); }

.woocommerce-checkout #order_review .shop_table td.product-name .agtv-co-item{
  display:grid; grid-template-columns:56px 1fr; gap:10px; align-items:center;
}
.agtv-co-thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.14)}
.agtv-co-title a{color:var(--txt); text-decoration:none; font-weight:800}
.agtv-co-title a:hover{opacity:.9}

/* qty control */
.woocommerce-checkout #order_review .shop_table td.product-quantity{
  white-space:nowrap;
}
.agtv-qty{
  display:inline-flex; align-items:center; gap:8px;
  background:#0f1331; border:1px solid var(--thin); border-radius:12px; padding:6px 8px; vertical-align:middle;
}
.agtv-qty input.qty{
  width:64px; height:36px; text-align:center; background:#0a0f2a; color:#fff;
  border:1px solid var(--thin); border-radius:8px; -moz-appearance:textfield;
}
.agtv-qty input.qty::-webkit-outer-spin-button,.agtv-qty input.qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.agtv-qty .agtv-minus,.agtv-qty .agtv-plus{
  width:36px;height:36px;border-radius:8px;border:1px solid var(--thin);
  background:#0f1331;color:#fff;cursor:pointer;font-weight:900;line-height:1;
}
.agtv-qty .agtv-minus:hover,.agtv-qty .agtv-plus:hover{
  background:linear-gradient(135deg,var(--pri),var(--acc)); border-color:transparent;
}

/* small remove link next to qty */
a.agtv-remove{
  display:inline-grid; place-items:center; margin-left:8px;
  width:32px;height:32px;border-radius:999px;background:#0f1331;color:#fff;text-decoration:none;
  border:1px solid var(--thin); transition:.15s;
}
a.agtv-remove:hover{transform:scale(1.06); background:linear-gradient(135deg,var(--pri),var(--acc)); border-color:transparent; color:#0b1123}/* End custom CSS */