/* =========================================================
   Frontend Default RTL Stylesheet
========================================================= */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, sans-serif, -apple-system;
}

/* Header & Top Bar */
html[dir="rtl"] .sub-header-left.right-sub {
    text-align: left;
}

html[dir="rtl"] .sub-header-left.right-sub ul {
    justify-content: flex-end;
}

html[dir="rtl"] .nav-area ul {
    direction: rtl;
}

html[dir="rtl"] .nav-area ul li a {
    text-align: right;
}

html[dir="rtl"] .menu-dropdown {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
}

html[dir="rtl"] .child_category_menu {
    right: calc(100% + 0px) !important;
    left: auto !important;
}

/* Hero and Slider Alignments */
html[dir="rtl"] .banner-content,
html[dir="rtl"] .hero-content {
    text-align: right;
}

/* Course Cards */
html[dir="rtl"] .courses-card {
    text-align: right;
}

/* Utility flips for RTL */
html[dir="rtl"] .float-end {
    float: left !important;
}

html[dir="rtl"] .float-start {
    float: right !important;
}

html[dir="rtl"] .text-end {
    text-align: left !important;
}

html[dir="rtl"] .text-start {
    text-align: right !important;
}

html[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Margin and Padding fixes */
html[dir="rtl"] .me-1, html[dir="rtl"] .me-2, html[dir="rtl"] .me-3, html[dir="rtl"] .me-4 {
    margin-right: 0 !important;
}
html[dir="rtl"] .me-1 { margin-left: 0.25rem !important; }
html[dir="rtl"] .me-2 { margin-left: 0.5rem !important; }
html[dir="rtl"] .me-3 { margin-left: 1rem !important; }
html[dir="rtl"] .me-4 { margin-left: 1.5rem !important; }

html[dir="rtl"] .ms-1, html[dir="rtl"] .ms-2, html[dir="rtl"] .ms-3, html[dir="rtl"] .ms-4 {
    margin-left: 0 !important;
}
html[dir="rtl"] .ms-1 { margin-right: 0.25rem !important; }
html[dir="rtl"] .ms-2 { margin-right: 0.5rem !important; }
html[dir="rtl"] .ms-3 { margin-right: 1rem !important; }
html[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; }

/* Nice select arrow flip */
html[dir="rtl"] .nice-select {
    text-align: right !important;
    padding-left: 30px !important;
    padding-right: 18px !important;
}

html[dir="rtl"] .nice-select:after {
    right: auto !important;
    left: 12px !important;
}

html[dir="rtl"] .nice-select .list {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
}