/* 
 * Al-Maher Quran Academy - RTL Overrides
 * Loaded when language is set to Arabic
 */

[dir="rtl"] {
    /* Directional Utility if needed globally */
}

[dir="rtl"] .logo-container {
    flex-direction: row; /* Default is usually row, but ensuring icon is right/left correct */
}

/* Header links margin for Arabic */
[dir="rtl"] .desktop-nav {
    /* any specific gap tweaks if needed */
}

/* Feature cards border-top is symmetrical, but let's make sure text alignment is right */
[dir="rtl"] .feature-card {
    text-align: right;
}

[dir="rtl"] .feature-icon {
    margin: 0 auto 1.5rem 0; /* Align icon to right inside card */
}

[dir="rtl"] .feature-card {
    text-align: center; /* Actually center looks better for this design */
}

[dir="rtl"] .feature-icon {
    margin: 0 auto 1.5rem; /* Keep it center */
}

/* How It Works Section */
[dir="rtl"] .step-circle {
    /* Ensure numbers display correctly */
    font-family: var(--font-english);
}

/* Testimonial Author section */
[dir="rtl"] .author {
    text-align: right;
}

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

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

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

[dir="rtl"] .form-group input,
[dir="rtl"] .form-group select,
[dir="rtl"] .form-group textarea {
    text-align: right;
    padding-right: 1rem;
    padding-left: 1rem;
}

[dir="rtl"] .error-message {
    text-align: right;
}

/* Contact Info */
[dir="rtl"] .contact-info {
    text-align: right;
}

[dir="rtl"] .contact-methods {
    align-items: flex-start;
}

[dir="rtl"] .contact-card {
    text-align: right;
    flex-direction: row;
}

[dir="rtl"] .social-links h4 {
    text-align: right;
}

[dir="rtl"] .social-icons {
    justify-content: flex-start;
}

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

[dir="rtl"] .footer-links {
    text-align: right;
}

[dir="rtl"] .footer-links a:hover {
    padding-inline-start: 5px;
    padding-inline-end: 0;
}

[dir="rtl"] .footer-bottom {
    direction: ltr; /* Keeping copyright centered is fine, but text is Arabic */
    direction: rtl;
}

/* Adjust timeline lines for RTL */
[dir="rtl"] .timeline-line {
    left: 10%;
    right: 10%;
}

/* RTL Mobile Menu Alignment */
[dir="rtl"] .close-menu-btn {
    align-self: flex-start;
}

[dir="rtl"] .mobile-nav-link {
    text-align: right;
}