/* RTL Support for Arabic Language */

/* General RTL Styles */
html[dir="rtl"] {
    direction: rtl;
}

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

/* Container and Layout */
.container,
.container-fluid {
    direction: rtl;
}

.row {
    direction: rtl;
}

/* Text Alignment */
.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

/* Float */
.float-left {
    float: right !important;
}

.float-right {
    float: left !important;
}

/* Margin and Padding */
.ml-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
.ml-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
.ml-3 { margin-right: 1rem !important; margin-left: 0 !important; }
.ml-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
.ml-5 { margin-right: 3rem !important; margin-left: 0 !important; }

.mr-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
.mr-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
.mr-3 { margin-left: 1rem !important; margin-right: 0 !important; }
.mr-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
.mr-5 { margin-left: 3rem !important; margin-right: 0 !important; }

.pl-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
.pl-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
.pl-3 { padding-right: 1rem !important; padding-left: 0 !important; }
.pl-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
.pl-5 { padding-right: 3rem !important; padding-left: 0 !important; }

.pr-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
.pr-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
.pr-3 { padding-left: 1rem !important; padding-right: 0 !important; }
.pr-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
.pr-5 { padding-left: 3rem !important; padding-right: 0 !important; }

/* Navigation */
.navbar-nav {
    direction: rtl;
}

.nav-link {
    text-align: right;
}

/* Forms */
.form-group {
    direction: rtl;
    text-align: right;
}

.form-control {
    direction: rtl;
    text-align: right;
}

.form-label {
    text-align: right;
    display: block;
}

/* Input fields - Keep email and URL fields LTR */
input[type="email"],
input[type="url"],
input[type="password"] {
    direction: ltr !important;
    text-align: left !important;
}

/* Buttons */
.btn {
    text-align: center;
}

/* Cards */
.card {
    direction: rtl;
}

.card-body {
    text-align: right;
}

/* Lists */
ul, ol {
    direction: rtl;
    text-align: right;
}

/* Tables */
table {
    direction: rtl;
}

th, td {
    text-align: right;
}

/* Flexbox */
.d-flex {
    direction: rtl;
}

/* Justify content */
.justify-content-start {
    justify-content: flex-end !important;
}

.justify-content-end {
    justify-content: flex-start !important;
}

/* Align items */
.align-items-start {
    align-items: flex-end !important;
}

.align-items-end {
    align-items: flex-start !important;
}

/* Bootstrap Grid */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    direction: rtl;
    text-align: right;
}

/* Media queries for responsive design */
@media (max-width: 768px) {
    .container,
    .container-fluid {
        direction: rtl;
        text-align: right;
    }
}

/* Custom RTL styles for the theme */
.site-header {
    direction: rtl;
}

.site-menu ul {
    direction: rtl;
}

.site-menu ul li {
    text-align: right;
}

/* Footer */
.site-footer {
    direction: rtl;
    text-align: right;
}

.site-footer .footer-widget {
    text-align: right;
}

/* Breadcrumb */
.breadcrumb {
    direction: rtl;
    text-align: right;
}

/* Pagination */
.pagination {
    direction: rtl;
}

.pagination .page-item {
    text-align: center;
}

/* Dropdown */
.dropdown-menu {
    direction: rtl;
    text-align: right;
    left: auto;
    right: 0;
}

/* Modal */
.modal-dialog {
    direction: rtl;
}

.modal-content {
    direction: rtl;
    text-align: right;
}

/* Alert */
.alert {
    direction: rtl;
    text-align: right;
}

/* Badge */
.badge {
    direction: rtl;
}

/* Progress */
.progress {
    direction: rtl;
}

/* Carousel */
.carousel {
    direction: rtl;
}

/* Accordion */
.accordion {
    direction: rtl;
}

.accordion-header {
    text-align: right;
}

.accordion-body {
    text-align: right;
}

/* Tabs */
.nav-tabs {
    direction: rtl;
}

.tab-content {
    direction: rtl;
    text-align: right;
}

/* Tooltip */
.tooltip {
    direction: rtl;
}

/* Popover */
.popover {
    direction: rtl;
    text-align: right;
}

/* Close button */
.close {
    right: auto;
    left: 1rem;
}

/* Custom spacing for RTL */
.rtl-mr-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.rtl-ml-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Icon alignment */
.fa, .fas, .far, .fab, .fal {
    direction: ltr;
}

/* Keep numbers and dates LTR */
.numeric,
.date,
.time,
.currency {
    direction: ltr !important;
    text-align: left !important;
    display: inline-block;
}

/* Code blocks */
code, pre {
    direction: ltr !important;
    text-align: left !important;
}

/* Form validation messages */
.invalid-feedback {
    text-align: right;
}

.valid-feedback {
    text-align: right;
}

/* Custom theme specific RTL fixes */
.banner-text {
    text-align: right;
}

.service-item {
    text-align: right;
}

.portfolio-item {
    text-align: right;
}

.testimonial-item {
    text-align: right;
}

.blog-item {
    text-align: right;
}

.team-member {
    text-align: right;
}

.contact-info {
    text-align: right;
}

/* Override any left positioning */
.position-left {
    right: 0 !important;
    left: auto !important;
}

.position-right {
    left: 0 !important;
    right: auto !important;
}