/* RTL (Right-to-Left) Styles for Arabic Language */

/* Text Alignment */
body[dir="rtl"] {
    text-align: right;
    direction: rtl;
}

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

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

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

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

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

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

/* Margins and Padding */
body[dir="rtl"] .margin-left-10 {
    margin-left: 0;
    margin-right: 10px;
}

body[dir="rtl"] .margin-right-10 {
    margin-right: 0;
    margin-left: 10px;
}

body[dir="rtl"] .padding-left-10 {
    padding-left: 0;
    padding-right: 10px;
}

body[dir="rtl"] .padding-right-10 {
    padding-right: 0;
    padding-left: 10px;
}

/* Header Styles */
body[dir="rtl"] .header-sticky .site-header {
    direction: rtl;
}

body[dir="rtl"] .site-header .logo {
    float: right;
}

body[dir="rtl"] .site-header .nav-wrap {
    float: left;
}

/* Navigation Menu */
body[dir="rtl"] .nav-menu > li {
    float: right;
}

body[dir="rtl"] .nav-menu > li > a {
    padding-left: 15px;
    padding-right: 15px;
}

body[dir="rtl"] .nav-menu .sub-menu {
    left: auto;
    right: 0;
    text-align: right;
}

body[dir="rtl"] .nav-menu .sub-menu li {
    text-align: right;
}

/* Mobile Menu */
body[dir="rtl"] .mobile-button {
    left: 15px;
    right: auto;
}

body[dir="rtl"] #mobile-menu-overlay {
    left: 0;
    right: auto;
}

/* Breadcrumbs */
body[dir="rtl"] .breadcrumbs ul li {
    float: right;
    padding: 0 0 0 15px;
}

body[dir="rtl"] .breadcrumbs ul li:after {
    content: "\\";
    margin-left: 0;
    margin-right: 15px;
}

body[dir="rtl"] .breadcrumbs ul li:first-child {
    padding-right: 0;
}

/* Buttons and Icons */
body[dir="rtl"] .flat-button i,
body[dir="rtl"] .btn i {
    margin-left: 5px;
    margin-right: 0;
}

body[dir="rtl"] .fa,
body[dir="rtl"] .icon {
    margin-left: 5px;
    margin-right: 0;
}

/* Forms */
body[dir="rtl"] input[type="text"],
body[dir="rtl"] input[type="email"],
body[dir="rtl"] input[type="tel"],
body[dir="rtl"] textarea,
body[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

body[dir="rtl"] input[type="checkbox"],
body[dir="rtl"] input[type="radio"] {
    margin-left: 5px;
    margin-right: 0;
}

body[dir="rtl"] label {
    text-align: right;
}

/* Sidebar */
body[dir="rtl"] .sidebar {
    float: left;
}

body[dir="rtl"] .main-content {
    float: right;
}

body[dir="rtl"] .widget ul li {
    padding-left: 0;
    padding-right: 15px;
}

body[dir="rtl"] .widget ul li:before {
    left: auto;
    right: 0;
}

/* Course/Formation Items */
body[dir="rtl"] .course-item .course-title {
    text-align: right;
}

body[dir="rtl"] .course-item .course-meta {
    text-align: right;
}

body[dir="rtl"] .course-item .course-meta span {
    margin-left: 15px;
    margin-right: 0;
}

body[dir="rtl"] .course-item .course-meta span:last-child {
    margin-left: 0;
}

/* Blog/News Items */
body[dir="rtl"] .blog-item .blog-content {
    text-align: right;
}

body[dir="rtl"] .blog-item .blog-meta {
    text-align: right;
}

body[dir="rtl"] .blog-item .blog-meta span {
    margin-left: 15px;
    margin-right: 0;
}

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

body[dir="rtl"] .footer .widget ul li {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

body[dir="rtl"] .footer .social-links a {
    margin-left: 10px;
    margin-right: 0;
}

body[dir="rtl"] .footer .social-links a:first-child {
    margin-left: 0;
}

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

body[dir="rtl"] li {
    text-align: right;
}

/* Tables */
body[dir="rtl"] table {
    direction: rtl;
}

body[dir="rtl"] th,
body[dir="rtl"] td {
    text-align: right;
}

/* Pagination */
body[dir="rtl"] .pagination {
    direction: rtl;
}

body[dir="rtl"] .pagination li {
    float: right;
}

/* Bootstrap Grid Override */
body[dir="rtl"] .col-xs-1, body[dir="rtl"] .col-sm-1, body[dir="rtl"] .col-md-1, body[dir="rtl"] .col-lg-1,
body[dir="rtl"] .col-xs-2, body[dir="rtl"] .col-sm-2, body[dir="rtl"] .col-md-2, body[dir="rtl"] .col-lg-2,
body[dir="rtl"] .col-xs-3, body[dir="rtl"] .col-sm-3, body[dir="rtl"] .col-md-3, body[dir="rtl"] .col-lg-3,
body[dir="rtl"] .col-xs-4, body[dir="rtl"] .col-sm-4, body[dir="rtl"] .col-md-4, body[dir="rtl"] .col-lg-4,
body[dir="rtl"] .col-xs-5, body[dir="rtl"] .col-sm-5, body[dir="rtl"] .col-md-5, body[dir="rtl"] .col-lg-5,
body[dir="rtl"] .col-xs-6, body[dir="rtl"] .col-sm-6, body[dir="rtl"] .col-md-6, body[dir="rtl"] .col-lg-6,
body[dir="rtl"] .col-xs-7, body[dir="rtl"] .col-sm-7, body[dir="rtl"] .col-md-7, body[dir="rtl"] .col-lg-7,
body[dir="rtl"] .col-xs-8, body[dir="rtl"] .col-sm-8, body[dir="rtl"] .col-md-8, body[dir="rtl"] .col-lg-8,
body[dir="rtl"] .col-xs-9, body[dir="rtl"] .col-sm-9, body[dir="rtl"] .col-md-9, body[dir="rtl"] .col-lg-9,
body[dir="rtl"] .col-xs-10, body[dir="rtl"] .col-sm-10, body[dir="rtl"] .col-md-10, body[dir="rtl"] .col-lg-10,
body[dir="rtl"] .col-xs-11, body[dir="rtl"] .col-sm-11, body[dir="rtl"] .col-md-11, body[dir="rtl"] .col-lg-11,
body[dir="rtl"] .col-xs-12, body[dir="rtl"] .col-sm-12, body[dir="rtl"] .col-md-12, body[dir="rtl"] .col-lg-12 {
    float: right;
}

/* Clearfix for RTL */
body[dir="rtl"] .clearfix:after {
    clear: both;
}

/* Revolution Slider RTL Support */
body[dir="rtl"] .tp-caption {
    text-align: right !important;
}

body[dir="rtl"] .tp-leftarrow {
    left: auto !important;
    right: 0 !important;
}

body[dir="rtl"] .tp-rightarrow {
    right: auto !important;
    left: 0 !important;
}

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

body[dir="rtl"] .owl-carousel .owl-stage-outer {
    direction: rtl;
}

body[dir="rtl"] .owl-carousel .owl-item {
    float: right;
}

body[dir="rtl"] .owl-carousel .owl-nav .owl-prev {
    left: auto;
    right: 0;
}

body[dir="rtl"] .owl-carousel .owl-nav .owl-next {
    right: auto;
    left: 0;
}

/* Formation Course Grid */
body[dir="rtl"] .flat-course-grid .flat-course {
    text-align: right;
}

body[dir="rtl"] .flat-course .course-content h4 {
    text-align: right;
}

body[dir="rtl"] .flat-course .course-meta {
    text-align: right;
}

body[dir="rtl"] .flat-course .course-meta li {
    float: right;
    margin-right: 15px;
    margin-left: 0;
}

body[dir="rtl"] .flat-course .course-meta li:first-child {
    margin-right: 0;
}

/* Course Meta Review Style2 (Formation Detail Page) */
body[dir="rtl"] .course-meta.review.style2 {
    text-align: right;
    direction: rtl;
}

body[dir="rtl"] .course-meta.review.style2 li {
    float: right;
    margin-left: 0;
    margin-right: 30px;
    text-align: center;
}

body[dir="rtl"] .course-meta.review.style2 li:first-child {
    margin-right: 0;
}

body[dir="rtl"] .course-meta.review.style2 li strong {
    display: block;
}

body[dir="rtl"] .course-meta.review.style2 li p {
    text-align: center;
}

/* Widget Course Info RTL */
body[dir="rtl"] .widget-course-info ul li {
    direction: rtl;
    text-align: right;
}

body[dir="rtl"] .widget-course-info ul li i {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

body[dir="rtl"] .widget-course-info ul li .time {
    text-align: left;
    float: left;
}

/* Search Box */
body[dir="rtl"] .search-form input[type="search"] {
    padding-left: 40px;
    padding-right: 15px;
    text-align: right;
}

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

/* Language Switcher */
body[dir="rtl"] .language-switcher {
    text-align: right;
}

/* Contact Info */
body[dir="rtl"] .contact-info .icon {
    float: right;
    margin-left: 15px;
    margin-right: 0;
}

body[dir="rtl"] .contact-info .content {
    text-align: right;
}

/* Featured Image */
body[dir="rtl"] .featured-image {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

/* Badge and Labels */
body[dir="rtl"] .badge,
body[dir="rtl"] .label {
    margin-left: 5px;
    margin-right: 0;
}

/* Blockquotes */
body[dir="rtl"] blockquote {
    border-left: none;
    border-right: 4px solid #448bbf;
    padding-left: 0;
    padding-right: 20px;
    text-align: right;
}

/* Director Message Section */
body[dir="rtl"] .director-section .director-image {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}

body[dir="rtl"] .director-section .director-content {
    text-align: right;
}

/* Formation Module List */
body[dir="rtl"] .module-list {
    padding-left: 0;
    padding-right: 0;
}

body[dir="rtl"] .module-list .lesson-number {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

/* Modal Dialogs */
body[dir="rtl"] .modal-header .close {
    float: left;
}

body[dir="rtl"] .modal-body {
    text-align: right;
}

/* Alerts */
body[dir="rtl"] .alert {
    text-align: right;
}

body[dir="rtl"] .alert .close {
    float: left;
}

/* Footer RTL Support */
body[dir="rtl"] .isgp-footer {
    direction: rtl;
    text-align: right;
}

body[dir="rtl"] .isgp-contact-list li {
    padding-left: 0 !important;
    padding-right: 25px !important;
}

body[dir="rtl"] .isgp-contact-list li:before {
    left: auto;
    right: 0;
}

body[dir="rtl"] .isgp-link-left,
body[dir="rtl"] .isgp-link-right {
    float: right;
}

body[dir="rtl"] .isgp-link-left {
    float: left;
}

body[dir="rtl"] .isgp-link-right {
    padding-left: 0 !important;
    padding-right: 4% !important;
}

body[dir="rtl"] .isgp-link-left li a:hover,
body[dir="rtl"] .isgp-link-right li a:hover {
    padding-left: 0;
    padding-right: 5px;
}

body[dir="rtl"] .isgp-news-icon {
    margin-right: 0;
    margin-left: 15px;
}

body[dir="rtl"] .isgp-form-submit {
    text-align: left;
}

body[dir="rtl"] .isgp-copyright {
    text-align: center;
    direction: rtl;
}

@media (max-width: 768px) {
    body[dir="rtl"] .isgp-link-right {
        padding-right: 0 !important;
    }

    body[dir="rtl"] .isgp-news-icon {
        margin-left: 0;
    }
}

/* Floating Inscription Button RTL */
body[dir="rtl"] .floating-inscription-btn {
    right: auto;
    left: 30px;
    bottom: 130px; /* Match the LTR version */
}

@media (max-width: 768px) {
    body[dir="rtl"] .floating-inscription-btn {
        left: 20px;
        right: auto;
        bottom: 120px; /* Match the LTR mobile version */
    }
}

/* Newsletter Form RTL */
body[dir="rtl"] .news-letter-form .widget-mailchimb #subscribe-content {
    display: flex;
    flex-direction: row-reverse;
    gap: 0;
}

body[dir="rtl"] .news-letter-form .widget-mailchimb .input-wrap.email {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 500px !important;
    max-width: none !important;
    position: relative;
    float: none !important;
}

body[dir="rtl"] .news-letter-form .widget-mailchimb input[type="email"] {
    width: 100% !important;
    text-align: right;
}

body[dir="rtl"] .news-letter-form .widget-mailchimb .button-wrap {
    flex-shrink: 0;
}

body[dir="rtl"] .news-letter-form .widget-mailchimb .subscribe-button {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
}

@media (max-width: 768px) {
    body[dir="rtl"] .news-letter-form .widget-mailchimb .input-wrap.email {
        min-width: auto;
    }
}

/* Formation Slider Title Border RTL */
body[dir="rtl"] .flat-title-section:after {
    left: auto;
    right: 0;
}

/* Formation Slider Arrows RTL */
[dir="rtl"] .button-right.owl-theme .owl-controls .owl-nav div.owl-next,
[dir="rtl"] .button-right .owl-nav .owl-next,
body[dir="rtl"] .flat-row .button-right .owl-next {
    right: auto !important;
    left: 47px !important;
}

[dir="rtl"] .button-right.owl-theme .owl-controls .owl-nav div.owl-prev,
[dir="rtl"] .button-right .owl-nav .owl-prev,
body[dir="rtl"] .flat-row .button-right .owl-prev {
    right: auto !important;
    left: 0 !important;
}

/* Navigation Menu Min Width */
@media (min-width: 992px) {
    body[dir="rtl"] #mainnav > ul > li,
    body[dir="ltr"] #mainnav > ul > li,
    #mainnav > ul > li {
        min-width: 150px;
        text-align: center;
    }

    body[dir="rtl"] #mainnav > ul > li > a,
    body[dir="ltr"] #mainnav > ul > li > a,
    #mainnav > ul > li > a {
        padding: 0 10px !important;
    }
}