/* =======================================================================
 * RayanPlus — صفحة الدفع المنفصلة (Kiosk) + صندوق الموافقة + مبدّل اللغة
 * ===================================================================== */

/* --- إخفاء أي بقايا من واجهة الموقع على صفحة الدفع المنفصلة --- */
html.rp-checkout-kiosk { margin-top: 0 !important; }
.rp-checkout-kiosk #site_header,
.rp-checkout-kiosk #site_footer,
.rp-checkout-kiosk #wpadminbar,
.rp-checkout-kiosk .backtotop,
.rp-checkout-kiosk .cz_fixed_top_border,
.rp-checkout-kiosk .cz_fixed_footer,
.rp-checkout-kiosk .cz_sticky_header,
.rp-checkout-kiosk .cz_floating_buttons,
.rp-checkout-kiosk .czr-floating-buttons,
.rp-checkout-kiosk .cz-side-panel,
.rp-checkout-kiosk #cz_side_panel,
.rp-checkout-kiosk .cz_mobile_nav,
.rp-checkout-kiosk #cz_mobile_nav { display: none !important; }

.rp-checkout-kiosk body,
body.rp-checkout-kiosk { padding-top: 0 !important; margin-top: 0 !important; }
.rp-checkout-main { min-height: 100vh; }

/* --- إلغاء قسم «عن الشركة» على صفحة الدفع --- */
.rp-checkout-kiosk .company-info,
.company-info.rp-hidden { display: none !important; }

/* =====================================================================
 *  قلب الواجهة بالكامل حسب اللغة (RTL للعربية / LTR للإنجليزية)
 *  ملاحظة: محتوى النموذج ملصوق كـHTML كامل داخل widget (به </body></html>)
 *  فيقع خارج <main> ويرث direction:rtl من body.rtl الخاص بالثيم؛
 *  لذلك نفرض الاتجاه على حاويات الـwidget بالصنف مباشرةً.
 * =================================================================== */
html[dir="rtl"] .payment-header,
html[dir="rtl"] .payment-container,
html[dir="rtl"] .payment-methods,
html[dir="rtl"] #paymentForm,
html[dir="rtl"] #rp-checkout-main { direction: rtl; }
html[dir="ltr"] .payment-header,
html[dir="ltr"] .payment-container,
html[dir="ltr"] .payment-methods,
html[dir="ltr"] #paymentForm,
html[dir="ltr"] #rp-checkout-main { direction: ltr; }
/* الثيم يفرض direction:rtl على عناصر form — نتجاوزه بمحدِّد المعرّف */
html[dir="ltr"] #paymentForm,
html[dir="ltr"] #paymentForm .form-row,
html[dir="ltr"] #paymentForm .form-group { direction: ltr; }

/* عكس الأشرطة اللونية الجانبية لتطابق الاتجاه */
html[dir="ltr"] .amount-section { border-right: 0; border-left: 4px solid #17A2B8; }
html[dir="ltr"] .security-note  { border-left: 0; border-right: 4px solid #17A2B8; }

/* --- مبدّل اللغة (عربي/إنجليزي) --- */
.rp-lang-switch {
  position: fixed;
  top: 14px;
  z-index: 99999;
  display: flex;
  gap: 4px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .14);
  padding: 4px;
}
html[dir="rtl"] .rp-lang-switch { left: 14px; right: auto; }
html[dir="ltr"] .rp-lang-switch { right: 14px; left: auto; }
.rp-lang-switch button {
  border: 0;
  background: transparent;
  cursor: pointer;
  font: 600 13px/1 'Tajawal', 'Segoe UI', Arial, sans-serif;
  color: #1F3A5C;
  padding: 8px 14px;
  border-radius: 30px;
  transition: background .2s, color .2s;
}
.rp-lang-switch button.active { background: #17A2B8; color: #fff; }

/* --- صندوق الموافقة على الشروط والخصوصية --- */
.rp-terms {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #f0f8f9;
  border: 1px solid #d6ebee;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 6px 0 20px;
  font-size: 14px;
  line-height: 1.7;
  color: #34495e;
}
.rp-terms input[type="checkbox"] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-top: 2px;
  accent-color: #17A2B8;
  cursor: pointer;
}
.rp-terms label { cursor: pointer; }
.rp-terms a { color: #17A2B8; font-weight: 700; text-decoration: underline; }
.rp-terms.rp-terms-error {
  border-color: #e74c3c;
  background: #fdecea;
  animation: rpShake .3s;
}
@keyframes rpShake {
  0%,100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}