/* ============================================
   RTL (Right-to-Left) Styles for Arabic
   ============================================ */

/* Base RTL Adjustments */
body[dir="rtl"] {
    font-family: 'Cairo', 'Arial', sans-serif;
    text-align: right;
}

/* Typography Adjustments */
body[dir="rtl"] h1,
body[dir="rtl"] h2,
body[dir="rtl"] h3,
body[dir="rtl"] h4,
body[dir="rtl"] h5,
body[dir="rtl"] h6 {
    font-family: 'Cairo', 'Arial', sans-serif;
    font-weight: 600;
}

body[dir="rtl"] p,
body[dir="rtl"] span,
body[dir="rtl"] li,
body[dir="rtl"] a {
    font-family: 'Cairo', 'Arial', sans-serif;
}

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

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

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

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

/* Margin and Padding Flips */
body[dir="rtl"] .me-1,
body[dir="rtl"] .ms-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
body[dir="rtl"] .me-2,
body[dir="rtl"] .ms-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
body[dir="rtl"] .me-3,
body[dir="rtl"] .ms-3 { margin-right: 0 !important; margin-left: 1rem !important; }
body[dir="rtl"] .me-4,
body[dir="rtl"] .ms-4 { margin-right: 0 !important; margin-left: 1.5rem !important; }
body[dir="rtl"] .me-5,
body[dir="rtl"] .ms-5 { margin-right: 0 !important; margin-left: 3rem !important; }

body[dir="rtl"] .pe-1,
body[dir="rtl"] .ps-1 { padding-right: 0 !important; padding-left: 0.25rem !important; }
body[dir="rtl"] .pe-2,
body[dir="rtl"] .ps-2 { padding-right: 0 !important; padding-left: 0.5rem !important; }
body[dir="rtl"] .pe-3,
body[dir="rtl"] .ps-3 { padding-right: 0 !important; padding-left: 1rem !important; }
body[dir="rtl"] .pe-4,
body[dir="rtl"] .ps-4 { padding-right: 0 !important; padding-left: 1.5rem !important; }
body[dir="rtl"] .pe-5,
body[dir="rtl"] .ps-5 { padding-right: 0 !important; padding-left: 3rem !important; }

/* Border Radius Flips */
body[dir="rtl"] .rounded-start {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

body[dir="rtl"] .rounded-end {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
}

/* Navigation & Header */
body[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

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

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

/* Hero Section */
body[dir="rtl"] .hero-section .hero-content {
    text-align: right;
}

body[dir="rtl"] .hero-button {
    justify-content: flex-start;
}

body[dir="rtl"] .hero-button .btn {
    margin-left: 1rem;
    margin-right: 0;
}

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

body[dir="rtl"] .btn-group {
    direction: ltr;
}

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

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

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

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

/* Forms */
body[dir="rtl"] .form-control,
body[dir="rtl"] .form-select,
body[dir="rtl"] textarea {
    text-align: right;
    direction: rtl;
}

body[dir="rtl"] .input-group-text {
    border-radius: 0 0.375rem 0.375rem 0;
}

body[dir="rtl"] .form-check {
    padding-right: 1.5rem;
    padding-left: 0;
}

body[dir="rtl"] .form-check-input {
    float: right;
    margin-right: -1.5rem;
    margin-left: 0;
}

/* Badges */
body[dir="rtl"] .badge {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Breadcrumbs */
body[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0;
}

body[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    content: "/";
}

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

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

/* Icons & Arrows */
body[dir="rtl"] .fa-arrow-right::before {
    content: "\f060"; /* left arrow */
}

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

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

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

/* Swiper Slider */
body[dir="rtl"] .swiper-button-next {
    left: 10px;
    right: auto;
}

body[dir="rtl"] .swiper-button-prev {
    right: 10px;
    left: auto;
}

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

body[dir="rtl"] .footer-widget ul {
    padding-right: 0;
}

/* Social Icons */
body[dir="rtl"] .social-icon {
    margin-left: 10px;
    margin-right: 0;
}

/* Modal */
body[dir="rtl"] .modal-header .btn-close {
    margin-right: auto;
    margin-left: -0.5rem;
}

/* Flex Direction */
body[dir="rtl"] .d-flex {
    direction: rtl;
}

/* Custom Adjustments for Site-Specific Elements */
body[dir="rtl"] .section-padding {
    text-align: right;
}

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

/* Numbers should stay LTR */
body[dir="rtl"] .number,
body[dir="rtl"] .price,
body[dir="rtl"] .phone,
body[dir="rtl"] .email {
    direction: ltr;
    display: inline-block;
}

/* Contact Form */
body[dir="rtl"] .contact-form .form-group {
    text-align: right;
}

body[dir="rtl"] .contact-form label {
    text-align: right;
    display: block;
}

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

body[dir="rtl"] .pricing-table ul {
    padding-right: 0;
    list-style: none;
}

body[dir="rtl"] .pricing-table ul li::before {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* FAQ Section */
body[dir="rtl"] .accordion-button {
    text-align: right;
    padding-right: 1.25rem;
}

body[dir="rtl"] .accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}

/* Achievement counters (fix separators in RTL) */
body[dir="rtl"] .achievement-wrapper .counter-area {
    direction: rtl;
}

body[dir="rtl"] .achievement-wrapper .counter-area .counter-items:not(:last-child) {
    border-right: none;
    padding-right: 0;
    border-left: 1px solid var(--border3);
    padding-left: 70px;
}

body[dir="rtl"] .achievement-wrapper.style-2 .counter-area .counter-items:not(:last-child) {
    border-left: 2px solid rgba(243, 247, 251, 0.16);
}

@media (max-width: 1199px) {
    body[dir="rtl"] .achievement-wrapper .counter-area .counter-items:not(:last-child) {
        border-left: none;
        padding-left: 0;
    }
}

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

body[dir="rtl"] .blog-meta {
    direction: rtl;
}

/* Mean Menu (Mobile Menu) */
body[dir="rtl"] .mean-container .mean-nav {
    float: left;
    text-align: right;
}

body[dir="rtl"] .mean-container .mean-nav ul li a {
    text-align: right;
    padding-right: 5%;
    padding-left: 0;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    body[dir="rtl"] .mobile-menu {
        right: auto;
        left: 0;
    }
}

@media (max-width: 767px) {
    body[dir="rtl"] .hero-content h1,
    body[dir="rtl"] .hero-content h2,
    body[dir="rtl"] .hero-content h3,
    body[dir="rtl"] .hero-content h4 {
        font-size: 1.5rem;
        line-height: 1.4;
    }
}