/* =======================================
   ملف التعديلات العربية (RTL) لمنصة "معي"
   - دعم اتجاه الكتابة من اليمين لليسار
   - استخدام خط Alexandria من جوجل
========================================== */

/* استيراد خط Alexandria */
@import url("https://fonts.googleapis.com/css2?family=Alexandria&display=swap");

/* ضبط الخطوط واتجاه الصفحة */
body {
  direction: rtl;
  font-family: 'Alexandria', sans-serif;
  text-align: right;
}
.navbar-brand img{
  max-width: 50px;
}

 
 
/* قائمة التنقل الرئيسية (إذا كانت موجودة) */
.navbar-nav {
  direction: rtl;
}

/* إذا أردت إضافة كلاس عام للدعم العربي */
.rtl {
  direction: rtl !important;
  text-align: right !important;
}

/* كلاس لضبط محاذاة النص داخل العناصر */
.text-rtl {
  text-align: right;
}

/* مثال لتعديل الحاشية padding والمارجن لبعض العناصر مع استهداف RTL */
.container,
.row {
  direction: rtl;
}

/* ضبط القوائم لتكون من اليمين لليسار */
ul {
  list-style-position: inside;
  padding-right: 0;
  padding-left: 1.5rem; /* حسب الحاجة */
}

/* إذا كنت تحتاج لعناصر خاصة بالعناوين مع فراغات مناسبة */
.heading-ar {
  text-align: right;
  margin-right: 0;
  margin-left: auto;
}

/* تحسين استجابة واجهة المستخدم لنظام RTL */
.form-control,
.form-select,
.btn {
  text-align: right;
}

/* تعديل عناصر التنقل المخصصة للغة العربية */
.navbar {
  direction: rtl;
}

.navbar .nav-link {
  padding-left: 1rem;
  padding-right: 0.5rem;
}

/* انتهاء التعديلات العربية */
.me-4{
  margin-left: 1rem !important;
  margin-right: 0 !important;
}
.accordion-wrapper .card-header button , .blockquote-details{

  text-align: right;
}

@media (min-width: 992px) {
  .offset-lg-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .offset-md-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
}
.blockquote-details .info{
  padding-right: 1rem;
  padding-left: 0;
}
@media (min-width: 992px) {
  .text-lg-start {
    text-align: right !important;
  }
}

@media (min-width: 1400px) {
  .pe-xxl-17 {
    padding-left: 7rem !important;
    padding-right: 0 !important;
  }
}

.form-floating>label{
  right: 0;
  left: auto;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-control-plaintext~label, .form-floating>.form-select~label{
  transform-origin: right top;
}