/* تحميل الخطوط من Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=BC+Arabic&family=Squada+One&display=swap');

:root {
  /* تحديد الخطوط الأساسية */
  --font-en: 'Squada One', sans-serif;
  --font-ar: 'BC Arabic', sans-serif;
}

/* الوضع الافتراضي (إنجليزي) */
body {
  font-family: var(--font-en);
  transition: all .12s ease;
}

/* عند التحويل للعربية */
body[dir="rtl"] {
  font-family: var(--font-ar);
}


.navbar { position: sticky !important; top: 0; z-index: 1000; transition: all 0.3s ease; }
.navbar.scrolled { box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
/* Ensure proper spacing when header is sticky */
body { padding-top: 0; }

/* زر التبديل */
#lang-toggle { min-width: 88px; }

/* ===========================
   RTL Fix Styles
   =========================== */

/* النصوص */
[dir="rtl"] .text-start {
  text-align: right !important;
}
[dir="rtl"] .text-end {
  text-align: left !important;
}

/* المسافات */
[dir="rtl"] .ms-0 { margin-right: 0 !important; margin-left: 0 !important; }
[dir="rtl"] .ms-1 { margin-right: .25rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-2 { margin-right: .5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }

[dir="rtl"] .me-0 { margin-left: 0 !important; margin-right: 0 !important; }
[dir="rtl"] .me-1 { margin-left: .25rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-2 { margin-left: .5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-5 { margin-left: 3rem !important; margin-right: 0 !important; }

/* البادينج */
[dir="rtl"] .ps-0 { padding-right: 0 !important; padding-left: 0 !important; }
[dir="rtl"] .ps-1 { padding-right: .25rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-2 { padding-right: .5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }

[dir="rtl"] .pe-0 { padding-left: 0 !important; padding-right: 0 !important; }
[dir="rtl"] .pe-1 { padding-left: .25rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-2 { padding-left: .5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

/* الأيقونات والأسهم */
[dir="rtl"] .fa-angle-right::before {
  content: "\f104"; /* قلب الاتجاه لليسار */
}
[dir="rtl"] .fa-angle-left::before {
  content: "\f105"; /* قلب الاتجاه لليمين */
}

/* النافبار */
[dir="rtl"] .navbar-nav {
  text-align: right;
}

/* RTL Fixes */
[dir="rtl"] .topbar .top-link a {
    margin-right: 0 !important;
    margin-left: 10px !important;
}


  [dir="rtl"] .my-box {
    left: auto !important;
    right: 25% !important;
  }
    

  [dir="rtl"] .page-header .breadcrumb-item+.breadcrumb-item::before {
    float: right;
    margin: 0 0 0 5px;
}
[dir="rtl"] .reverse-class {
    flex-direction: row-reverse !important;
  }