/* =========================================================
   CAIRO FONT
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&display=swap');

body.rtl,
body.rtl * {
    font-family: 'Cairo', sans-serif !important;
}

/* الاتجاه العام */
body.rtl {
    direction: rtl;
    text-align: right;
}

/* =========================================================
   LAYOUT: HEADER (SIDEBAR) + MAIN
========================================================= */

/* إلغاء أية margin-left قادمة من القالب الأصلي */
body.rtl #main,
body.rtl main.main,
body.rtl .main {
    margin-left: 0 !important;
}

/* ديسكتوب (الشاشة العريضة ≥ 1200px): السايدبار يمين والمحتوى يترك مساحة له */
@media (min-width: 1200px) {

    body.rtl #header {
        right: 0 !important;
        left: auto !important;
    }

    body.rtl #main,
    body.rtl main.main,
    body.rtl .main {
        margin-right: 300px !important;   /* عرض السايدبار */
    }
}

/* موبايل + تابلت (< 1200px): المحتوى يأخذ الشاشة كاملة بدون هوامش جانبية */
@media (max-width: 1199.98px) {

    body.rtl #main,
    body.rtl main.main,
    body.rtl .main {
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    /* زر القائمة في الموبايل يظهر في اليمين */
    body.rtl .mobile-nav-toggle {
        right: 15px !important;
        left: auto !important;
    }
}

/* =========================================================
   TEXT ALIGN
========================================================= */

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl p,
body.rtl ul,
body.rtl li,
body.rtl label,
body.rtl a,
body.rtl span,
body.rtl .section-title {
    text-align: right !important;
}

/* عناصر الفورم */
body.rtl .form-control,
body.rtl label {
    text-align: right !important;
}

/* =========================================================
   BOOTSTRAP SPACING (ms / me)
========================================================= */

body.rtl .ms-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

body.rtl .me-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

/* =========================================================
   INFO-ITEM (أيقونات سكشن التواصل)
========================================================= */

body.rtl .info-item {
    flex-direction: row-reverse !important;
    text-align: right !important;
}

body.rtl .info-item i {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

/* =========================================================
   HERO SUBTITLE (الثابت يمين – المتحرك شمال)
========================================================= */

/* استخدم هذه الكلاس في الهيرو: <p class="hero-subtitle-rtl"> */
body.rtl .hero-subtitle-rtl {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
}

/* =========================================================
   FOOTER – محاذاة في المنتصف دائماً
========================================================= */

#footer.footer {
    padding: 20px 0 !important;
    text-align: center !important;
}

#footer .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

#footer .copyright,
#footer .credits {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}







/* ===== Hero RTL Fix ===== */

/* نخلي الهيرو يمين بدل center */
body.rtl .hero .hero-content-rtl {
    text-align: right !important;
}

/* عنوان الهيرو */
body.rtl .hero-title-rtl {
    text-align: right !important;
}

/* السطر اللي فيه الثابت + المتحرك */
body.rtl .hero-subtitle-rtl {
    display: inline-flex;
    flex-direction: row-reverse;   /* الثابت على اليمين – المتحرك على الشمال */
    align-items: baseline;
    gap: 0.4rem;
    direction: rtl;
    font-size: 1.4rem;
    margin-top: 0.5rem;
}

/* النص الثابت (مثلاً: معنا تجد :) */
body.rtl .hero-subtitle-rtl .static-text {
    white-space: nowrap;
}

/* النص المتحرك */
body.rtl .hero-subtitle-rtl .typed {
    white-space: nowrap;
}

/* لو أى text-center قديم مؤثر على الكونتينر */
body.rtl .hero .container.text-center {
    text-align: right !important;
}



.navicon {
    margin-left: 6px !important;
}

.floating-whatsapp i {
    font-size: 32px;
    color: #fff;
}