/* RTL Support for Arabic Website */

/* Global RTL Settings */
body {
    direction: rtl;
    text-align: right;
}

/* Form Elements RTL */
.form-control, .form-select {
    direction: rtl;
    text-align: right;
}

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

/* Input Groups RTL - Icons on the right */
.input-group[dir="ltr"] {
    direction: ltr;
    display: flex;
    align-items: stretch;
    height: 48px;
}

.input-group[dir="ltr"] .form-control {
    order: 1;
    height: 48px;
    border: 2px solid #e9ecef;
    border-radius: 10px 0 0 10px;
    border-right: none;
    padding: 12px 15px;
    flex: 1;
}

.input-group[dir="ltr"] .input-group-text {
    order: 2;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem;
    border: 2px solid #e9ecef;
    border-radius: 0 10px 10px 0;
    border-left: none;
    background-color: #f8f9fa;
    flex-shrink: 0;
}

/* Input Groups with buttons */
.input-group[dir="ltr"] .btn {
    order: 1;
    height: 48px;
    border: 2px solid #6c757d;
    border-radius: 10px 0 0 10px;
    border-right: none;
    padding: 0.375rem 0.75rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-group[dir="ltr"] .form-control {
    order: 2;
    height: 48px;
    border: 2px solid #e9ecef;
    border-right: none;
    padding: 12px 15px;
    flex: 1;
}

.input-group[dir="ltr"] .input-group-text {
    order: 3;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75rem;
    border: 2px solid #e9ecef;
    border-radius: 0 10px 10px 0;
    border-left: none;
    background-color: #f8f9fa;
    flex-shrink: 0;
}

/* Text Areas */
textarea.form-control {
    direction: rtl;
    text-align: right;
}

/* Checkboxes and Radio buttons */
.form-check-input {
    margin-left: 0.25rem;
    margin-right: 0;
}

.form-check-label {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Buttons */
.btn {
    direction: rtl;
}

/* Cards */
.card-title, .card-text {
    text-align: right;
    direction: rtl;
}

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

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

/* Dropdowns */
.dropdown-menu {
    direction: rtl;
    text-align: right;
}

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

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

/* Modals */
.modal-header, .modal-body, .modal-footer {
    direction: rtl;
    text-align: right;
}

.modal-title {
    text-align: right;
}

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

.table th, .table td {
    text-align: right;
}

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

/* Badges */
.badge {
    direction: ltr;
}

/* Icons in text */
i.fas, i.far, i.fab {
    direction: ltr;
}

/* Phone numbers and URLs */
.phone-number, .url {
    direction: ltr;
    text-align: left;
    display: inline-block;
}

/* Comments and reviews */
.comment-item, .rating-item {
    direction: rtl;
    text-align: right;
}

/* List items */
.list-unstyled {
    direction: rtl;
    text-align: right;
}

/* Breadcrumbs */
.breadcrumb {
    direction: rtl;
}

/* Progress bars */
.progress {
    direction: ltr;
}

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

/* Popovers */
.popover {
    direction: rtl;
}

/* Accordion */
.accordion-button {
    text-align: right;
    direction: rtl;
}

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

/* Carousel */
.carousel-caption {
    text-align: right;
    direction: rtl;
}

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

/* Utility classes */
.text-start {
    text-align: right !important;
}

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

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

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

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

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

/* Float utilities for RTL */
.float-start {
    float: right !important;
}

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

/* Border utilities for RTL */
.border-start {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-left: 0 !important;
}

.border-end {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-right: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .container {
        direction: rtl;
    }
    
    .row {
        direction: rtl;
    }
    
    .col-12, .col-md-6, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-10 {
        direction: rtl;
        text-align: right;
    }
}