/*
* RTL Specific Stylesheet
*
* This file contains specific overrides to ensure proper RTL (Right-to-Left) layout
* when the Arabic language is selected. The default style.css is already RTL-oriented,
* but this file ensures explicit RTL handling for elements that might be affected by LTR overrides.
*/

/* Ensure RTL text alignment for non-centered elements */
body {
    text-align: right;
}

/* Paragraphs and headings that should align right in RTL (not centered ones) */
p:not(.centered):not([style*="text-align: center"]),
li,
input,
textarea {
    text-align: right;
}

/* Preserve center alignment for elements that should stay centered */
.contact-header,
.contact-header h1,
.contact-header p,
.contact-intro,
.contact-intro h2,
.contact-intro p,
.hero-text,
.hero-text h1,
.hero-text p,
.section-subtitle,
.page-header,
.page-header h1,
.programs-section h2,
.why-us-section h2,
.testimonials-section h2,
.cta-section,
.cta-section h2,
.cta-section p,
.feature-item,
.feature-item h3,
.feature-item p,
h1[style*="text-align: center"],
h2[style*="text-align: center"],
p[style*="text-align: center"],
.centered,
[style*="text-align: center"] {
    text-align: center !important;
}

/* Headings in cards and sections should align based on their container - RIGHT for RTL */
.program-content h3,
.program-content p,
.info-content h3,
.info-content p,
.contact-info h2,
.contact-form-wrapper h2,
.contact-form-box h3,
.footer-col h3,
.footer-col p {
    text-align: right;
}

/* Form labels */
.form-group label {
    text-align: right;
}

/* Buttons should always be centered */
.btn,
.btn-primary,
.btn-secondary,
.btn-outline {
    text-align: center !important;
}

/* Icons positioning for RTL */
.program-features li i {
    margin-left: 8px;
    margin-right: 0;
}

.footer-col li i {
    margin-left: 8px;
    margin-right: 0;
}

/* Info item icons */
.info-item i {
    margin-left: 10px;
    margin-right: 0;
}