/* RTL (Right-to-Left) Support for Arabic */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Global Arabic font setting */
[lang="ar"] {
    font-family: 'Tajawal', 'Raleway', sans-serif;
}

[lang="ar"] * {
    font-family: inherit;
}


/* RTL layout adjustments */
[dir="rtl"] .header .nav-container,
[dir="rtl"] .footer .footer-content {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .logo,
[dir="rtl"] .nav-links {
    direction: rtl;
}

/* RTL form adjustments */
[dir="rtl"] .form-group input,
[dir="rtl"] .form-group select,
[dir="rtl"] .form-group textarea {
    text-align: right;
}

[dir="rtl"] .auth-actions {
    direction: rtl;
}

[dir="rtl"] .dropdown {
    right: auto;
    left: 0;
}

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

/* RTL utility classes */
.rtl-text-right { text-align: right; }
.rtl-text-left { text-align: left; }
.rtl-float-right { float: right; }
.rtl-float-left { float: left; }

/* RTL specific spacing */
[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

[dir="rtl"] .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Footer Styles - Works for both LTR and RTL */
.footer {
    background: #f8f9fa;
    padding: 2rem 0;
    margin-top: auto;
    text-align: center;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.social-links {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.social-links a {
    color: #2D5B7A;
    font-size: 1.5rem;
    transition: color 0.3s ease;
    text-decoration: none;
}

.social-links a:hover {
    color: #3A7CA5;
}

.copyright {
    color: #6c757d;
    margin: 0;
    text-align: center;
    font-size: 0.9rem;
}

/* RTL specific adjustments */
[dir="rtl"] .footer-content {
    /* No special changes needed if using flexbox center alignment */
}

[dir="ltr"] .footer-content {
    /* No special changes needed if using flexbox center alignment */
}