/* ===========================================================
   rtl.css — ضبط الاتجاه العربي (RTL) لجميع صفحات WHMCS
   قالب "الأوائل للاستضافة" — متوافق مع WHMCS 9.0.4
   =========================================================== */

html[dir="rtl"],
html[lang="ar"] {
  direction: rtl;
}

html[dir="rtl"] body,
html[lang="ar"] body {
  text-align: right;
  font-family: 'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;
}

/* ---------- المحاذاة العامة ---------- */
html[dir="rtl"] .text-left { text-align: right !important; }
html[dir="rtl"] .text-right { text-align: left !important; }
html[dir="rtl"] .float-left { float: right !important; }
html[dir="rtl"] .float-right { float: left !important; }
html[dir="rtl"] .pull-left { float: right !important; }
html[dir="rtl"] .pull-right { float: left !important; }
html[dir="rtl"] .ml-auto,
html[dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .mr-auto,
html[dir="rtl"] .me-auto { margin-right: 0 !important; margin-left: auto !important; }

/* ---------- القوائم والترويسة ---------- */
html[dir="rtl"] .navbar-nav { padding-right: 0; }
html[dir="rtl"] .navbar-nav .nav-item { text-align: right; }
html[dir="rtl"] .navbar .dropdown-menu { right: 0; left: auto; text-align: right; }
html[dir="rtl"] .dropdown-menu-end { right: auto; left: 0; }
html[dir="rtl"] .dropdown-toggle::after { margin-right: .4em; margin-left: 0; }

/* ---------- القوائم المنسدلة وقوائم العميل ---------- */
html[dir="rtl"] .list-group { padding-right: 0; }
html[dir="rtl"] .breadcrumb { padding-right: 0; }
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item { padding-right: .5rem; padding-left: 0; }
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { padding-left: .5rem; padding-right: 0; float: right; }

/* ---------- النماذج وعناصر الإدخال ---------- */
html[dir="rtl"] label,
html[dir="rtl"] .form-label,
html[dir="rtl"] .control-label { text-align: right; }
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] textarea,
html[dir="rtl"] select { text-align: right; }
/* الحقول التقنية تبقى LTR (النطاقات، البريد، كلمات المرور، البطاقات) */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[name="domain"],
html[dir="rtl"] input[dir="ltr"] { direction: ltr; text-align: left; }
html[dir="rtl"] .input-group > .form-control { border-radius: 0; }
html[dir="rtl"] .input-group > :first-child { border-top-right-radius: .375rem; border-bottom-right-radius: .375rem; }
html[dir="rtl"] .input-group > :last-child { border-top-left-radius: .375rem; border-bottom-left-radius: .375rem; }

/* ---------- الأزرار والأيقونات ---------- */
html[dir="rtl"] .btn i,
html[dir="rtl"] .btn .fa,
html[dir="rtl"] .btn .fas { margin-left: .4em; margin-right: 0; }
html[dir="rtl"] .fa-chevron-right:before { content: "\f053"; }
html[dir="rtl"] .fa-chevron-left:before { content: "\f054"; }
html[dir="rtl"] .fa-arrow-right:before { content: "\f060"; }
html[dir="rtl"] .fa-arrow-left:before { content: "\f061"; }
html[dir="rtl"] .fa-angle-right:before { content: "\f104"; }
html[dir="rtl"] .fa-angle-left:before { content: "\f105"; }

/* ---------- الجداول (الفواتير والخدمات) ---------- */
html[dir="rtl"] table { text-align: right; }
html[dir="rtl"] th,
html[dir="rtl"] td { text-align: right; }

/* ---------- التنبيهات والشارات ---------- */
html[dir="rtl"] .alert { text-align: right; }
html[dir="rtl"] .close,
html[dir="rtl"] .btn-close { margin-right: auto; margin-left: 0; }

/* ---------- صفحات التذاكر ---------- */
html[dir="rtl"] .ticket-reply,
html[dir="rtl"] .ticket-message { text-align: right; }
html[dir="rtl"] #ticketlist td { text-align: right; }

/* ---------- سلة الشراء والمنتجات ---------- */
html[dir="rtl"] .cart-summary,
html[dir="rtl"] .order-summary { text-align: right; }
html[dir="rtl"] .product-info,
html[dir="rtl"] .package { text-align: right; }

/* ---------- شريط حقوق الفوتر المضاف عبر الـ hook ---------- */
.aw-footer-note {
  text-align: center;
  padding: 18px 12px;
  font-size: 13px;
  color: #68758a;
  border-top: 1px solid #e0e7f0;
  background: #f9fbfd;
}

/* ---------- معالجة الشاشات الصغيرة ---------- */
@media (max-width: 767px) {
  html[dir="rtl"] .navbar-nav { padding-right: 0; }
  html[dir="rtl"] .dropdown-menu { text-align: right; }
}
