/*
 * RTL (Right-to-Left) Custom CSS for Arabic Language
 * Academy LMS - Frontend
 */

/* Base RTL Settings */
[dir="rtl"] {
    text-align: right;
    direction: rtl;
}

/* Text Alignment Overrides */
[dir="rtl"] .text-left,
[dir="rtl"] .text-start {
    text-align: right !important;
}

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

/* Float Overrides */
[dir="rtl"] .float-start,
[dir="rtl"] .float-left {
    float: right !important;
}

[dir="rtl"] .float-end,
[dir="rtl"] .float-right {
    float: left !important;
}

/* Margin Start/End Overrides */
[dir="rtl"] .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

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

[dir="rtl"] .ms-1, [dir="rtl"] .ms-2, [dir="rtl"] .ms-3, [dir="rtl"] .ms-4, [dir="rtl"] .ms-5 {
    margin-left: 0 !important;
}

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

/* Padding Start/End Overrides */
[dir="rtl"] .ps-1, [dir="rtl"] .ps-2, [dir="rtl"] .ps-3, [dir="rtl"] .ps-4, [dir="rtl"] .ps-5 {
    padding-left: 0 !important;
}

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

/* Icons - Flip directional icons */
[dir="rtl"] .fi-rr-arrow-right:before,
[dir="rtl"] .fi-rr-angle-right:before,
[dir="rtl"] .fi-rr-chevron-right:before {
    transform: scaleX(-1);
    display: inline-block;
}

[dir="rtl"] .fi-rr-arrow-left:before,
[dir="rtl"] .fi-rr-angle-left:before,
[dir="rtl"] .fi-rr-chevron-left:before {
    transform: scaleX(-1);
    display: inline-block;
}

/* Breadcrumbs */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    transform: scaleX(-1);
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}

/* Dropdowns */
[dir="rtl"] .dropdown-menu {
    text-align: right;
}

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

/* Forms */
[dir="rtl"] .form-check {
    padding-left: 0;
    padding-right: 1.5em;
}

[dir="rtl"] .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -1.5em;
}

[dir="rtl"] .form-floating > label {
    right: 0;
    left: auto;
}

[dir="rtl"] .input-group > .form-control,
[dir="rtl"] .input-group > .form-select {
    border-radius: 0 0.375rem 0.375rem 0;
}

[dir="rtl"] .input-group > .input-group-text:first-child,
[dir="rtl"] .input-group > .btn:first-child {
    border-radius: 0 0.375rem 0.375rem 0;
}

[dir="rtl"] .input-group > .input-group-text:last-child,
[dir="rtl"] .input-group > .btn:last-child {
    border-radius: 0.375rem 0 0 0.375rem;
}

/* Lists */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 2rem;
    padding-left: 0;
}

[dir="rtl"] .list-unstyled {
    padding-right: 0;
}

/* Navbar */
[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

[dir="rtl"] .navbar-nav {
    padding-right: 0;
}

[dir="rtl"] .navbar-collapse {
    text-align: right;
}

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

/* Buttons with Icons */
[dir="rtl"] .btn i + span,
[dir="rtl"] .btn span + i {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Tables */
[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right;
}

/* Modals */
[dir="rtl"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Carousel/Swiper */
[dir="rtl"] .swiper-button-next,
[dir="rtl"] .swiper-rtl .swiper-button-prev {
    right: auto;
    left: 10px;
}

[dir="rtl"] .swiper-button-prev,
[dir="rtl"] .swiper-rtl .swiper-button-next {
    left: auto;
    right: 10px;
}

/* Pagination */
[dir="rtl"] .pagination {
    flex-direction: row-reverse;
}

/* Alerts */
[dir="rtl"] .alert-dismissible {
    padding-right: 1rem;
    padding-left: 3rem;
}

[dir="rtl"] .alert-dismissible .btn-close {
    right: auto;
    left: 0;
}

/* Nice Select Plugin */
[dir="rtl"] .nice-select {
    text-align: right;
}

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

[dir="rtl"] .nice-select .current {
    padding-left: 26px;
    padding-right: 0;
}

/* Custom Components */

/* Course Cards */
[dir="rtl"] .lms-1-card .card-icon-text,
[dir="rtl"] .lms-1-card .card-icon-text2,
[dir="rtl"] .lms-1-card .card-icon-text3 {
    flex-direction: row-reverse;
}

/* Header/Topbar */
[dir="rtl"] .lms-top-bar,
[dir="rtl"] .lms-header {
    direction: rtl;
}

/* Footer */
[dir="rtl"] .lms-footer {
    text-align: right;
}

[dir="rtl"] .footer-social-links {
    justify-content: flex-start;
}

/* Counter Section */
[dir="rtl"] .counter-area-wrap {
    flex-direction: row-reverse;
}

/* Instructor Profile */
[dir="rtl"] .instructor-profile {
    text-align: right;
}

/* Search Box */
[dir="rtl"] .search-box input {
    padding-left: 0;
    padding-right: 1rem;
}

[dir="rtl"] .search-box button {
    right: auto;
    left: 0;
}

/* Rating Stars */
[dir="rtl"] .rating-stars {
    flex-direction: row-reverse;
}

/* Progress Bar */
[dir="rtl"] .progress {
    direction: ltr; /* Keep progress bars LTR */
}

/* Scrollbars */
[dir="rtl"] ::-webkit-scrollbar {
    direction: ltr;
}

/* Fix for specific layouts */
[dir="rtl"] .d-flex:not(.flex-row-reverse) {
    /* Keep original flex direction for most cases */
}

/* Fix icons in buttons */
[dir="rtl"] .btn .fi-rr-arrow-right,
[dir="rtl"] .btn .fi-rr-arrow-left {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Owl Carousel */
[dir="rtl"] .owl-carousel {
    direction: ltr;
}

[dir="rtl"] .owl-carousel .owl-item {
    direction: rtl;
}

/* Slick Carousel */
[dir="rtl"] .slick-slider {
    direction: ltr;
}

[dir="rtl"] .slick-slide {
    direction: rtl;
}

/* Swiper Slider */
[dir="rtl"] .swiper {
    direction: ltr;
}

[dir="rtl"] .swiper-slide {
    direction: rtl;
    text-align: right;
}

/* Font Family for Arabic */
[dir="rtl"] body {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Arabic Font from Google Fonts - Add to head if needed */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap');