/**
 * RTL (Right-to-Left) Fixes for Arabic Language
 * This file overrides LTR styles for proper Arabic/RTL display
 */

/* ===========================================
   General RTL Fixes
   =========================================== */
[dir="rtl"] {
    text-align: right;
}

[dir="rtl"] html,
[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    overflow-x: hidden;
    max-width: 100%;
}

/* ===========================================
   Header RTL - Keep Logo on Left (same as English)
   =========================================== */
[dir="rtl"] .main-header {
    direction: ltr !important;
}

[dir="rtl"] .main-header .navbar {
    direction: ltr !important;
    flex-direction: row !important;
}

[dir="rtl"] .main-header .navbar-brand {
    order: 0 !important;
    margin-right: 30px !important;
    margin-left: 0 !important;
}

[dir="rtl"] .main-header .navbar-collapse {
    order: 1 !important;
    direction: rtl !important;
}

[dir="rtl"] .main-header .navbar-nav {
    direction: rtl !important;
    flex-direction: row !important;
}

[dir="rtl"] .main-header .nav-item {
    direction: rtl !important;
}

[dir="rtl"] .main-header .mobile-toggle {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

[dir="rtl"] .main-header .dropdown-menu {
    direction: rtl !important;
    text-align: right !important;
}

/* Topbar RTL - Keep same layout */
[dir="rtl"] .site-topbar {
    direction: ltr !important;
}

[dir="rtl"] .site-topbar .topbar-content {
    direction: ltr !important;
}

[dir="rtl"] .site-topbar .topbar-social {
    direction: ltr !important;
}

[dir="rtl"] .site-topbar .topbar-contact {
    direction: rtl !important;
}

/* ===========================================
   Typography & Text
   =========================================== */
[dir="rtl"] p,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    text-align: right;
}

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

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

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

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

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

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

/* ===========================================
   Margins & Paddings
   =========================================== */
[dir="rtl"] .ml-1, [dir="rtl"] .ml-2, [dir="rtl"] .ml-3, [dir="rtl"] .ml-4, [dir="rtl"] .ml-5 {
    margin-left: 0 !important;
}

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

[dir="rtl"] .ml-1 { margin-right: 0.25rem !important; }
[dir="rtl"] .ml-2 { margin-right: 0.5rem !important; }
[dir="rtl"] .ml-3 { margin-right: 1rem !important; }
[dir="rtl"] .ml-4 { margin-right: 1.5rem !important; }
[dir="rtl"] .ml-5 { margin-right: 3rem !important; }

[dir="rtl"] .mr-1 { margin-left: 0.25rem !important; }
[dir="rtl"] .mr-2 { margin-left: 0.5rem !important; }
[dir="rtl"] .mr-3 { margin-left: 1rem !important; }
[dir="rtl"] .mr-4 { margin-left: 1.5rem !important; }
[dir="rtl"] .mr-5 { margin-left: 3rem !important; }

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

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

[dir="rtl"] .pl-1 { padding-right: 0.25rem !important; }
[dir="rtl"] .pl-2 { padding-right: 0.5rem !important; }
[dir="rtl"] .pl-3 { padding-right: 1rem !important; }
[dir="rtl"] .pl-4 { padding-right: 1.5rem !important; }
[dir="rtl"] .pl-5 { padding-right: 3rem !important; }

[dir="rtl"] .pr-1 { padding-left: 0.25rem !important; }
[dir="rtl"] .pr-2 { padding-left: 0.5rem !important; }
[dir="rtl"] .pr-3 { padding-left: 1rem !important; }
[dir="rtl"] .pr-4 { padding-left: 1.5rem !important; }
[dir="rtl"] .pr-5 { padding-left: 3rem !important; }

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

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

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

[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}

[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

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

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

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

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

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

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

/* ===========================================
   Header & Navigation
   =========================================== */
[dir="rtl"] .navbar {
    direction: rtl;
}

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

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

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

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

[dir="rtl"] .dropdown-menu .dropdown-submenu {
    left: auto;
    right: 100%;
}

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

[dir="rtl"] .dropdown-item i,
[dir="rtl"] .dropdown-link i {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .dropdown-item img,
[dir="rtl"] .dropdown-link img {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

[dir="rtl"] .dropright .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
    border-right: 0;
    border-left: 0.3em solid;
}

[dir="rtl"] .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}

/* ===========================================
   Breadcrumb
   =========================================== */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0;
    padding-left: 0.5rem;
    float: right;
    padding-right: 0.5rem;
}

/* ===========================================
   Forms
   =========================================== */
[dir="rtl"] .form-group {
    text-align: right;
}

[dir="rtl"] .form-control {
    text-align: right;
}

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

[dir="rtl"] .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

[dir="rtl"] .input-group-prepend {
    margin-right: 0;
    margin-left: -1px;
}

[dir="rtl"] .input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

[dir="rtl"] .custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir="rtl"] .custom-control-label::before,
[dir="rtl"] .custom-control-label::after {
    left: auto;
    right: -1.5rem;
}

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

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

[dir="rtl"] .list-inline-item:not(:last-child) {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* ===========================================
   Icons & Arrows
   =========================================== */
[dir="rtl"] .fa-chevron-right:before {
    content: "\f053";
}

[dir="rtl"] .fa-chevron-left:before {
    content: "\f054";
}

[dir="rtl"] .fa-arrow-right:before {
    content: "\f060";
}

[dir="rtl"] .fa-arrow-left:before {
    content: "\f061";
}

[dir="rtl"] .fa-angle-right:before {
    content: "\f104";
}

[dir="rtl"] .fa-angle-left:before {
    content: "\f105";
}

[dir="rtl"] .fal.fa-angle-right:before {
    content: "\f104";
}

[dir="rtl"] .fal.fa-angle-left:before {
    content: "\f105";
}

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

[dir="rtl"] .card-header,
[dir="rtl"] .card-body,
[dir="rtl"] .card-footer {
    text-align: right;
}

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

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

[dir="rtl"] .footer-links li a i {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .footer-contact-list .contact-icon {
    margin-right: 0;
    margin-left: 15px;
}

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

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

[dir="rtl"] .footer-bottom-links li:not(:last-child)::after {
    margin-left: 0;
    margin-right: 10px;
}

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

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

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

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

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

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

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

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

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

[dir="rtl"] .alert-dismissible {
    padding-right: 1.25rem;
    padding-left: 4rem;
}

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

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

[dir="rtl"] .btn i:first-child {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* ===========================================
   Contact Items
   =========================================== */
[dir="rtl"] .contact-item,
[dir="rtl"] .contact-row {
    flex-direction: row-reverse;
    text-align: right;
}

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

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

/* ===========================================
   Social Links
   =========================================== */
[dir="rtl"] .social-links {
    justify-content: flex-start;
}

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

/* ===========================================
   Order Classes
   =========================================== */
[dir="rtl"] .order-lg-1 {
    order: 2 !important;
}

[dir="rtl"] .order-lg-2 {
    order: 1 !important;
}

/* ===========================================
   Hero Sections
   =========================================== */
[dir="rtl"] .hero-content,
[dir="rtl"] .partners-hero-content,
[dir="rtl"] .about-hero-content {
    text-align: center;
}

/* ===========================================
   Section Headers
   =========================================== */
[dir="rtl"] .section-header {
    text-align: center;
}

[dir="rtl"] .section-label {
    direction: rtl;
}

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

[dir="rtl"] .partner-badge {
    right: auto;
    left: 15px;
}

/* ===========================================
   Process Section
   =========================================== */
[dir="rtl"] .process-timeline {
    direction: rtl;
}

/* ===========================================
   Feature Cards
   =========================================== */
[dir="rtl"] .feature-card,
[dir="rtl"] .value-card {
    text-align: right;
}

/* ===========================================
   Team Section
   =========================================== */
[dir="rtl"] .team-card {
    text-align: center;
}

/* ===========================================
   News/Blog Cards
   =========================================== */
[dir="rtl"] .blog-card,
[dir="rtl"] .news-card {
    text-align: right;
}

/* ===========================================
   CTA Sections
   =========================================== */
[dir="rtl"] .cta-wrapper {
    direction: rtl;
}

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

/* ===========================================
   Back to Top Button
   =========================================== */
[dir="rtl"] .back-to-top {
    right: auto;
    left: 30px;
}

/* ===========================================
   Phone & Email Links (Keep LTR)
   =========================================== */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"] {
    direction: ltr;
    unicode-bidi: embed;
}

/* ===========================================
   Responsive RTL Fixes
   =========================================== */
@media (max-width: 991px) {
    [dir="rtl"] .navbar-collapse {
        text-align: right;
    }
    
    [dir="rtl"] .navbar-nav {
        padding-right: 0;
    }
    
    [dir="rtl"] .dropdown-menu {
        text-align: right;
    }
}

@media (max-width: 767px) {
    [dir="rtl"] .text-center {
        text-align: center !important;
    }
    
    [dir="rtl"] .footer-widget {
        text-align: center;
    }
    
    [dir="rtl"] .footer-social {
        justify-content: center;
    }
}