/* RTL Fixes for Arabic Language */

/* Ensure proper RTL direction */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Fix container alignment */
[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
    direction: rtl;
    text-align: right;
}

/* Fix row alignment */
[dir="rtl"] .row {
    direction: rtl;
}

/* Fix column alignment */
[dir="rtl"] [class*="col-"] {
    direction: rtl;
    text-align: right;
}

/* Fix text alignment classes */
[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !important;
}

/* Fix float classes */
[dir="rtl"] .float-left {
    float: right !important;
}

[dir="rtl"] .float-right {
    float: left !important;
}

/* Fix margin classes */
[dir="rtl"] .ml-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
[dir="rtl"] .ml-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ml-3 { margin-right: 1rem !important; margin-left: 0 !important; }
[dir="rtl"] .ml-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ml-5 { margin-right: 3rem !important; margin-left: 0 !important; }

[dir="rtl"] .mr-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
[dir="rtl"] .mr-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .mr-3 { margin-left: 1rem !important; margin-right: 0 !important; }
[dir="rtl"] .mr-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .mr-5 { margin-left: 3rem !important; margin-right: 0 !important; }

/* Fix padding classes */
[dir="rtl"] .pl-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
[dir="rtl"] .pl-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .pl-3 { padding-right: 1rem !important; padding-left: 0 !important; }
[dir="rtl"] .pl-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .pl-5 { padding-right: 3rem !important; padding-left: 0 !important; }

[dir="rtl"] .pr-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
[dir="rtl"] .pr-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pr-3 { padding-left: 1rem !important; padding-right: 0 !important; }
[dir="rtl"] .pr-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pr-5 { padding-left: 3rem !important; padding-right: 0 !important; }

/* Fix form elements */
[dir="rtl"] .form-group {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .form-control {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .form-label,
[dir="rtl"] label {
    text-align: right;
    display: block;
}

/* Keep email and password fields LTR */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="password"] {
    direction: ltr !important;
    text-align: left !important;
}

/* Fix navigation */
[dir="rtl"] .navbar-nav {
    direction: rtl;
}

[dir="rtl"] .nav-link {
    text-align: right;
}

/* Fix dropdown */
[dir="rtl"] .dropdown-menu {
    direction: rtl;
    text-align: right;
    left: auto;
    right: 0;
}

/* Fix modal */
[dir="rtl"] .modal-dialog {
    direction: rtl;
}

[dir="rtl"] .modal-content {
    direction: rtl;
    text-align: right;
}

/* Fix alert */
[dir="rtl"] .alert {
    direction: rtl;
    text-align: right;
}

/* Fix close button */
[dir="rtl"] .close {
    right: auto;
    left: 1rem;
}

/* Fix flexbox */
[dir="rtl"] .d-flex {
    direction: rtl;
}

[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}

[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

[dir="rtl"] .align-items-start {
    align-items: flex-end !important;
}

[dir="rtl"] .align-items-end {
    align-items: flex-start !important;
}

/* Fix tables */
[dir="rtl"] table {
    direction: rtl;
}

[dir="rtl"] th,
[dir="rtl"] td {
    text-align: right;
}

/* Fix lists */
[dir="rtl"] ul,
[dir="rtl"] ol {
    direction: rtl;
    text-align: right;
}

/* Fix cards */
[dir="rtl"] .card {
    direction: rtl;
}

[dir="rtl"] .card-body {
    text-align: right;
}

/* Fix pagination */
[dir="rtl"] .pagination {
    direction: rtl;
}

[dir="rtl"] .pagination .page-item {
    text-align: center;
}

/* Fix breadcrumb */
[dir="rtl"] .breadcrumb {
    direction: rtl;
    text-align: right;
}

/* Fix carousel */
[dir="rtl"] .carousel {
    direction: rtl;
}

/* Fix accordion */
[dir="rtl"] .accordion {
    direction: rtl;
}

[dir="rtl"] .accordion-header {
    text-align: right;
}

[dir="rtl"] .accordion-body {
    text-align: right;
}

/* Fix tabs */
[dir="rtl"] .nav-tabs {
    direction: rtl;
}

[dir="rtl"] .tab-content {
    direction: rtl;
    text-align: right;
}

/* Fix tooltip */
[dir="rtl"] .tooltip {
    direction: rtl;
}

/* Fix popover */
[dir="rtl"] .popover {
    direction: rtl;
    text-align: right;
}

/* Fix footer */
[dir="rtl"] .site-footer {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .site-footer .footer-widget {
    text-align: right;
}

/* Fix header */
[dir="rtl"] .site-header {
    direction: rtl;
}

[dir="rtl"] .site-menu ul {
    direction: rtl;
}

[dir="rtl"] .site-menu ul li {
    text-align: right;
}

/* Fix theme specific elements */
[dir="rtl"] .banner-text {
    text-align: right;
}

[dir="rtl"] .service-item {
    text-align: right;
}

[dir="rtl"] .portfolio-item {
    text-align: right;
}

[dir="rtl"] .testimonial-item {
    text-align: right;
}

[dir="rtl"] .blog-item {
    text-align: right;
}

[dir="rtl"] .team-member {
    text-align: right;
}

[dir="rtl"] .contact-info {
    text-align: right;
}

/* Keep icons LTR */
[dir="rtl"] .fa,
[dir="rtl"] .fas,
[dir="rtl"] .far,
[dir="rtl"] .fab,
[dir="rtl"] .fal {
    direction: ltr;
}

/* Keep numbers and dates LTR */
[dir="rtl"] .numeric,
[dir="rtl"] .date,
[dir="rtl"] .time,
[dir="rtl"] .currency {
    direction: ltr !important;
    text-align: left !important;
    display: inline-block;
}

/* Keep code blocks LTR */
[dir="rtl"] code,
[dir="rtl"] pre {
    direction: ltr !important;
    text-align: left !important;
}

/* Fix form validation */
[dir="rtl"] .invalid-feedback {
    text-align: right;
}

[dir="rtl"] .valid-feedback {
    text-align: right;
}

/* Fix position classes */
[dir="rtl"] .position-left {
    right: 0 !important;
    left: auto !important;
}

[dir="rtl"] .position-right {
    left: 0 !important;
    right: auto !important;
}

/* Responsive fixes */
@media (max-width: 768px) {
    [dir="rtl"] .container,
    [dir="rtl"] .container-fluid {
        direction: rtl;
        text-align: right;
    }
}

/* Additional RTL fixes for common issues */
[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

[dir="rtl"] .btn-group > .btn:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

/* Fix input group */
[dir="rtl"] .input-group-prepend {
    margin-right: 0;
    margin-left: -1px;
}

[dir="rtl"] .input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

/* Fix custom file input */
[dir="rtl"] .custom-file-label::after {
    right: auto;
    left: 0;
}

/* Fix progress bar */
[dir="rtl"] .progress {
    direction: rtl;
}

/* Fix badge */
[dir="rtl"] .badge {
    direction: rtl;
}

/* Fix spinner */
[dir="rtl"] .spinner-border {
    direction: ltr;
}

[dir="rtl"] .spinner-grow {
    direction: ltr;
}

