/* ============================================
   RTL STYLESHEET - Arabic Layout Overrides
   Loaded only when $current_lang === 'ar'
   All rules scoped with [dir="rtl"] selector
   ============================================ */

/* ---- General Text Alignment ---- */
[dir="rtl"] body {
    text-align: right;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p {
    text-align: right;
}

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

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

[dir="rtl"] .nav-menu {
    flex-direction: row-reverse;
}

[dir="rtl"] .nav-menu li a.active {
    border-bottom: 2px solid var(--color-primary);
}

[dir="rtl"] .nav-toggle {
    order: -1;
}

/* ---- Language Switcher ---- */
[dir="rtl"] .language-switcher {
    direction: ltr;
}

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

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

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

/* ---- Home Practice Areas ---- */
[dir="rtl"] .home-practice-areas h2 {
    text-align: right;
}

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

[dir="rtl"] .area-icon img {
    margin: 0 0 0 auto;
}

/* ---- Home About Teaser ---- */
[dir="rtl"] .home-about {
    text-align: right;
}

[dir="rtl"] .home-about p {
    margin-left: auto;
    margin-right: 0;
}

/* ---- Page Header ---- */
[dir="rtl"] .page-header {
    text-align: right;
}

[dir="rtl"] .page-intro {
    margin-left: auto;
    margin-right: 0;
}

/* ---- About Page ---- */
[dir="rtl"] .about-history,
[dir="rtl"] .about-mission {
    text-align: right;
}

[dir="rtl"] .about-team h2 {
    text-align: right;
}

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

[dir="rtl"] .photo-placeholder {
    margin: 0 0 0 auto;
}

/* ---- Practice Areas Page ---- */
[dir="rtl"] .practice-area-card {
    text-align: right;
}

[dir="rtl"] .practice-area-card img {
    margin: 0 0 var(--spacing-sm) auto;
}

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

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

[dir="rtl"] .radio-group {
    flex-direction: row-reverse;
}

[dir="rtl"] .radio-option {
    flex-direction: row-reverse;
}

[dir="rtl"] .form-submit {
    text-align: center;
}

[dir="rtl"] .form-note {
    text-align: center;
}

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

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

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

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

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

[dir="rtl"] .footer-links {
    justify-content: flex-start;
    flex-direction: row-reverse;
}

[dir="rtl"] .footer-social {
    justify-content: flex-start;
    flex-direction: row-reverse;
}

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

/* ---- Directional Elements (Arrows, Icons) ---- */
[dir="rtl"] .icon-arrow,
[dir="rtl"] .arrow-icon {
    transform: scaleX(-1);
}

/* ---- Margin & Padding Flips ---- */
[dir="rtl"] .container {
    padding-right: var(--spacing-md);
    padding-left: var(--spacing-md);
}

/* Flip any left-margin utilities to right */
[dir="rtl"] .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

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

/* ---- Buttons ---- */
[dir="rtl"] .btn:hover {
    transform: translateY(-1px);
}

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

/* ---- Mobile Navigation (RTL adjustments) ---- */
@media (max-width: 767px) {
    [dir="rtl"] .nav-container {
        flex-direction: row-reverse;
    }

    [dir="rtl"] .nav-menu {
        flex-direction: column;
        align-items: flex-end;
    }

    [dir="rtl"] .nav-menu li a {
        text-align: right;
        width: 100%;
        justify-content: flex-end;
    }
}