/* لمسات صفحة الشهادات الحية — طبقة حاسمة فوق تعارضات WooCommerce/Jetpack،
   بقيم لغة التصميم المعتمدة نفسها (توكنات النظام). */

/* ١) شارة «تخفيض!» حبة صغيرة بزاوية البطاقة — لا شريطاً ممتداً */
#main ul.products li.product .onsale{
  position:absolute !important;
  inset-block-start:var(--space-4) !important;
  inset-inline-start:var(--space-4) !important;
  inset-inline-end:auto !important;
  inline-size:max-content !important;
  min-inline-size:0 !important;
  display:inline-flex !important;align-items:center !important;
  min-block-size:32px !important;padding-inline:var(--space-3) !important;
  margin:0 !important;
  border-radius:999px !important;
  background:var(--accent-yellow) !important;color:var(--brand-900) !important;
  font-size:var(--fs-caption) !important;font-weight:var(--fw-semibold) !important;
  line-height:1 !important;z-index:3 !important;
}

/* ٢) قائمة «اختر الدولة» صندوق إدخال ظاهر بنمط حقول النظام */
#main .contact-form__select-wrapper{position:relative !important;padding:0 !important;border:0 !important;background:none !important}
#main .contact-form__select-wrapper select{
  appearance:none !important;-webkit-appearance:none !important;
  inline-size:100% !important;min-block-size:44px !important;
  padding-block:10px !important;padding-inline:var(--space-4) 40px !important;
  background:var(--white) !important;color:var(--text-body) !important;
  border:var(--border-width) solid var(--border-default) !important;
  border-radius:var(--radius-sm) !important;
  font-family:var(--font-core) !important;font-size:var(--fs-small) !important;
  text-align:start;cursor:pointer;
}
#main .contact-form__select-wrapper select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:1px}
#main .contact-form__select-wrapper .jetpack-field-dropdown__icon,
#main .contact-form__select-wrapper svg{
  position:absolute !important;inset-inline-end:var(--space-3) !important;
  inset-block-start:50% !important;transform:translateY(-50%) !important;
  pointer-events:none;inline-size:18px !important;block-size:18px !important;color:var(--text-muted);
}

/* ٣) بطاقات خيارات الراديو تتسع لسطرين بلا بتر */
#main .grunion-radio-options .wp-block-jetpack-option,
#main .wp-block-jetpack-option{
  block-size:auto !important;min-block-size:var(--touch-min,44px) !important;
  padding-block:var(--space-3) !important;padding-inline:var(--space-4) !important;
  line-height:1.7 !important;align-items:center !important;
  overflow:visible !important;
}
#main .wp-block-jetpack-option .grunion-radio-label{white-space:normal !important;line-height:1.7 !important}

/* ٤) بطاقتا التسعير تلتفّان حول محتواهما — لا تمدد فارغاً */
#main .crt-price{align-items:start !important}
#main .crt-tier{block-size:auto !important;align-self:start !important}

/* ٥) أيقونات وسائل الدفع رقاقات مرتبة بحجم موحد */
#main .crt-pay img{block-size:40px !important;inline-size:auto !important;border-radius:var(--radius-sm);object-fit:contain}

/* ٦) هندسة النموذج — UX النماذج الطويلة:
   الحقول القصيرة أزواج بصف واحد (كما اعتُمد بالتصميم: البريد نصفاً وجنبه الدولة)،
   والعناصر الطويلة (راديو/ملاحظات/زر) بعرض كامل. عمود واحد على الجوال. */
#main .wp-block-jetpack-contact-form{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:var(--space-6) var(--space-6) !important;
  align-items:start;
}
#main .wp-block-jetpack-contact-form>.grunion-field-wrap{min-inline-size:0}
/* الطويلة تمتد الصفين */
#main .wp-block-jetpack-contact-form>.wp-block-jetpack-field-radio,
#main .wp-block-jetpack-contact-form>.grunion-field-radio-wrap,
#main .wp-block-jetpack-contact-form>.wp-block-jetpack-field-textarea,
#main .wp-block-jetpack-contact-form>.grunion-field-textarea-wrap,
#main .wp-block-jetpack-contact-form>.wp-block-button,
#main .wp-block-jetpack-contact-form>.contact-form__error,
#main .wp-block-jetpack-contact-form>fieldset{grid-column:1 / -1 !important}
/* مقاسات مريحة */
#main .wp-block-jetpack-contact-form .grunion-field-label{font-size:var(--fs-small);font-weight:var(--fw-medium);margin-block-end:var(--space-2) !important;display:inline-flex;align-items:center;gap:var(--space-2)}
#main .wp-block-jetpack-contact-form input[type="text"],
#main .wp-block-jetpack-contact-form input[type="email"],
#main .wp-block-jetpack-contact-form input[type="tel"]{min-block-size:44px !important}
#main .wp-block-jetpack-contact-form textarea{min-block-size:140px !important;max-block-size:220px}
/* زر الإرسال: حاضر بلا عملقة — عرض محتواه بحد أدنى مريح، بمحاذاة البداية */
#main .wp-block-jetpack-contact-form .wp-block-button,
#main .wp-block-jetpack-contact-form button[type="submit"],
#main .wp-block-jetpack-contact-form .wp-block-button__link{
  inline-size:auto !important;max-inline-size:100%;
}
#main .wp-block-jetpack-contact-form button[type="submit"],
#main .wp-block-jetpack-contact-form .wp-block-button__link{
  min-inline-size:280px !important;min-block-size:48px !important;
  padding-inline:var(--space-8) !important;
  font-size:var(--fs-body) !important;font-weight:var(--fw-semibold) !important;
  justify-self:start;margin-inline:0 !important;
}
@media (max-width:767px){
  #main .wp-block-jetpack-contact-form{grid-template-columns:1fr !important}
  #main .wp-block-jetpack-contact-form button[type="submit"],
  #main .wp-block-jetpack-contact-form .wp-block-button__link{inline-size:100% !important;min-inline-size:0 !important}
}

/* ٧) منتج الشهادة داخل بطاقة المسار الدولي — نسخة مدمجة تناسب نصف العرض */
#main .crt-tier .woocommerce{margin-block-start:var(--space-6)}
#main .crt-tier ul.products li.product{grid-template-columns:110px minmax(0,1fr) !important;gap:var(--space-4) !important;padding:var(--space-4) !important}
#main .crt-tier ul.products li.product img{inline-size:110px !important;block-size:110px !important}
#main .crt-tier ul.products li.product .woocommerce-loop-product__title{font-size:var(--fs-small) !important}
#main .crt-tier ul.products li.product a.add_to_cart_button{min-inline-size:0 !important;inline-size:100% !important}

/* ٨) منتج البطاقة الدولية على الجوال — فك شبكة المناطق لعمود انسيابي بلا أي تراكب */
@media (max-width:640px){
  #main .crt-tier .woocommerce{inline-size:100% !important}
  #main .crt-tier ul.products{inline-size:100% !important;margin:0 !important;padding:0 !important;display:block !important}
  #main .crt-tier ul.products li.product{inline-size:100% !important;max-inline-size:none !important;margin:0 !important;float:none !important;display:flex !important;flex-direction:column !important;gap:var(--space-3) !important;padding:var(--space-6) !important;box-sizing:border-box}
  #main .crt-tier ul.products li.product>a.woocommerce-loop-product__link{display:flex !important;flex-direction:column !important;gap:var(--space-3) !important;align-items:center;text-align:center}
  #main .crt-tier ul.products li.product>a.woocommerce-loop-product__link *{grid-area:auto !important;position:static !important}
  #main .crt-tier ul.products li.product .onsale{position:absolute !important}
  #main .crt-tier ul.products li.product img{inline-size:70% !important;max-inline-size:200px;block-size:auto !important;aspect-ratio:1/1;object-fit:contain;margin-inline:auto}
  #main .crt-tier ul.products li.product .woocommerce-loop-product__title{font-size:var(--fs-small) !important;line-height:1.7;margin:0 !important}
  #main .crt-tier ul.products li.product .price{display:flex !important;flex-direction:row !important;gap:var(--space-2);align-items:baseline;justify-content:center;margin:0 !important}
  #main .crt-tier ul.products li.product a.add_to_cart_button{inline-size:100% !important;min-inline-size:0 !important;justify-content:center !important}
}