/* RTL Overrides for Arabic Language */
html[lang="ar"] {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] body {
    font-family: 'Amiri', 'Inter', sans-serif;
    /* Use Arabic-friendly font if available */
}

/* Header & Nav */
html[lang="ar"] .logo {
    float: right;
    /* Ensure logo stays on the "start" side in RTL context implies visually right */
}

html[lang="ar"] .nav-menu ul {
    padding-right: 0;
}

html[lang="ar"] .nav-menu li {
    float: right;
    /* If using floats */
}

/* Flexbox automatically flips in RTL, but explicit margins need reversal */
html[lang="ar"] .feed-item {
    direction: rtl;
}

html[lang="ar"] .meta .time {
    margin-right: 0;
    margin-left: 5px;
}

/* Grid areas might need adjustment if using explicit placement, but auto-grid usually works. 
   Checking specific classes. */

html[lang="ar"] .sidebar {
    text-align: right;
}

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

/* Fix for footer lists */
html[lang="ar"] .footer-col ul {
    padding-right: 0;
}

/* Flip margins for spacing utilities if they exist */
html[lang="ar"] .mr-2 {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[lang="ar"] .ml-2 {
    margin-right: 0.5rem;
    margin-left: 0;
}