/* RTL (Right-to-Left) Styles for Arabic Language */

/* Base RTL adjustments */
.rtl {
    direction: rtl;
    text-align: right;
}

.rtl .container,
.rtl .row,
.rtl .col-* {
    direction: rtl;
}

/* Navigation RTL */
.rtl .navbar-nav {
    direction: rtl;
}

.rtl .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

.rtl .dropdown-menu {
    right: 0;
    left: auto;
}

/* Text alignment */
.rtl .text-start {
    text-align: right !important;
}

.rtl .text-end {
    text-align: left !important;
}

/* Margins and padding */
.rtl .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
.rtl .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
.rtl .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
.rtl .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
.rtl .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
.rtl .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }

/* Icons */
.rtl .fas.fa-arrow-right::before {
    content: "\f060"; /* fa-arrow-left */
}

.rtl .fas.fa-arrow-left::before {
    content: "\f061"; /* fa-arrow-right */
}

/* Buttons */
.rtl .btn {
    direction: rtl;
}

/* Cards and components */
.rtl .card {
    direction: rtl;
}

.rtl .feature-item {
    text-align: right;
}

.rtl .service-card {
    text-align: right;
}

/* Hero section */
.rtl .hero-content {
    text-align: right;
}

.rtl .hero-actions {
    justify-content: flex-end;
}

/* Footer */
.rtl .footer {
    direction: rtl;
}

.rtl .social-links {
    justify-content: flex-end;
}

/* Forms */
.rtl .form-control,
.rtl .form-select {
    direction: rtl;
    text-align: right;
}

.rtl .form-label {
    text-align: right;
}

/* Breadcrumbs */
.rtl .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-right: 0.5rem;
    padding-left: 0;
    content: "/";
}

/* Admin panel RTL */
.rtl .admin-sidebar {
    right: 0;
    left: auto;
}

.rtl .admin-content {
    margin-right: 250px;
    margin-left: 0;
}

@media (max-width: 768px) {
    .rtl .admin-content {
        margin-right: 0;
    }
}
