/* RTL Support for Arabic Language */

/* Apply RTL direction when Arabic is selected */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

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

/* Fix language dropdown alignment for RTL */
html[dir="rtl"] .language-sec {
    direction: ltr;
}

html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

/* Fix header alignment */
html[dir="rtl"] .header-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header-logo {
    margin-left: 0;
    margin-right: auto;
}

/* Fix social media icons */
html[dir="rtl"] .social-icon-content {
    flex-direction: row-reverse;
}

/* Fix service cards - IMPORTANT: Keep LTR for proper display */
html[dir="rtl"] .services-bottom {
    direction: ltr !important;
    text-align: right;
}

html[dir="rtl"] .services-content {
    direction: rtl;
}

html[dir="rtl"] .service-info {
    text-align: right;
}

/* Fix testimonial cards */
html[dir="rtl"] .testimonial-content {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .testimonial-content-sec {
    text-align: right;
}

html[dir="rtl"] .client-info {
    text-align: right;
}

/* Fix about section */
html[dir="rtl"] .about-content {
    text-align: right;
}

html[dir="rtl"] .about-thumb-area {
    direction: ltr;
}

/* Fix contact details */
html[dir="rtl"] .contact-details {
    text-align: right;
}

html[dir="rtl"] .contact-icon {
    margin-left: 15px;
    margin-right: 0;
}

html[dir="rtl"] .contact-content {
    text-align: right;
}

/* Fix footer */
html[dir="rtl"] .footer {
    text-align: center;
}

/* Fix buttons */
html[dir="rtl"] .add-to-contact-wrap {
    flex-direction: row-reverse;
}

/* Fix form inputs */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
}

/* Fix dropdown toggle */
html[dir="rtl"] .custom-language-btn {
    text-align: left;
}

html[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
}

/* Fix slick carousel for RTL */
html[dir="rtl"] .slick-slide {
    direction: rtl;
}

html[dir="rtl"] .slick-track {
    direction: ltr;
}