/* ──────────────────────────────────────
   GHG Translate — RTL Overrides
   Applied when Arabic, Urdu, etc. are active
   ────────────────────────────────────── */

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

/* ── Header ── */
html[dir="rtl"] .header-inner {
    flex-direction: row-reverse;
}

html[dir="rtl"] .header-nav {
    direction: rtl;
}

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

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

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

/* ── Navigation ── */
html[dir="rtl"] .nav-menu {
    direction: rtl;
}

html[dir="rtl"] .nav-menu li {
    float: right;
}

/* ── Typography ── */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] li {
    text-align: right;
}

html[dir="rtl"] .text-center,
html[dir="rtl"] .cta-banner h2,
html[dir="rtl"] .cta-banner p {
    text-align: center;
}

/* ── Layout: Flexbox reversals ── */
html[dir="rtl"] .footer-grid {
    direction: rtl;
}

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

html[dir="rtl"] .footer-bottom {
    flex-direction: row-reverse;
}

/* ── Cards / Grid ── */
html[dir="rtl"] .programs-grid,
html[dir="rtl"] .blog-grid,
html[dir="rtl"] .team-grid,
html[dir="rtl"] .countries-grid,
html[dir="rtl"] .stats-grid,
html[dir="rtl"] .impact-grid {
    direction: rtl;
}

/* ── Buttons ── */
html[dir="rtl"] .btn {
    direction: rtl;
}

/* Flip arrow icons */
html[dir="rtl"] .btn .arrow,
html[dir="rtl"] .header-donate::after,
html[dir="rtl"] a[href*="→"] {
    transform: scaleX(-1);
}

/* ── Forms ── */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
    direction: rtl;
}

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

/* ── Spacing flips ── */
html[dir="rtl"] .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

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

/* ── Specific section fixes ── */

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

/* About section */
html[dir="rtl"] .about-content {
    direction: rtl;
}

/* FAQ accordion */
html[dir="rtl"] .faq-question {
    text-align: right;
    flex-direction: row-reverse;
}

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

/* Program cards */
html[dir="rtl"] .program-card .card-content {
    text-align: right;
}

/* Stats / Impact numbers */
html[dir="rtl"] .stat-card {
    text-align: center;
}

/* Emergency banner */
html[dir="rtl"] .emergency-banner {
    direction: rtl;
}

/* Mobile nav */
html[dir="rtl"] .mobile-nav nav a {
    text-align: right;
}

/* ── Contact Form ── */
html[dir="rtl"] .contact-form {
    direction: rtl;
}

/* ── Blog ── */
html[dir="rtl"] .blog-post-content {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .blog-meta {
    direction: rtl;
}

/* ── Donation Theme (HopeGive) ── */
html[dir="rtl"] .cause-card {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .checkout-form {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .success-page {
    direction: rtl;
}

html[dir="rtl"] .amount-grid {
    direction: rtl;
}

html[dir="rtl"] .zakat-form {
    direction: rtl;
    text-align: right;
}

/* ── Font for Arabic & Urdu ── */
html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] span,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] button {
    font-family: 'Noto Kufi Arabic', 'Amiri', 'Plus Jakarta Sans', sans-serif;
}

html[lang="ur"] body,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] p,
html[lang="ur"] a,
html[lang="ur"] span,
html[lang="ur"] input,
html[lang="ur"] textarea,
html[lang="ur"] select,
html[lang="ur"] button {
    font-family: 'Noto Nastaliq Urdu', 'Amiri', 'Plus Jakarta Sans', sans-serif;
}

html[lang="bn"] body,
html[lang="bn"] h1,
html[lang="bn"] h2,
html[lang="bn"] h3,
html[lang="bn"] h4,
html[lang="bn"] p {
    font-family: 'Noto Sans Bengali', 'Plus Jakarta Sans', sans-serif;
}

/* ── RTL Google Fonts ──
   AUDIT-FIX [LOW-05]: @import removed (render-blocking).
   These fonts are now loaded via wp_enqueue_style() in ghg-translate.php */