/* 1. Global RTL Adjustments */
body {
    direction: rtl;
    text-align: right;
    font-family: "Droid Arabic Kufi", "Roboto", sans-serif; /* Recommended for RTL */
}

/* 2. Reverse Layouts & Floats */
.main-content, 
.post,
.sidebar {
    float: right !important; /* Reverse for columns */
}

/* 3. Adjust Navigation/Menu */
.nav-links, 
.header-menu {
    text-align: right !important;
    padding-left: 0;
    padding-right: 20px;
}

/* 4. Fix Punctuation and Text Alignment */
p, h1, h2, h3, li {
    text-align: start; /* Smart alignment */
}

/* 5. Reverse Margins/Padding for Elements */
.icon, 
.post-meta-item {
    margin-left: 0 !important;
    margin-right: 10px; /* Swap margins */
}

/* 6. Fix Form Fields */
input, textarea {
    text-align: right;
}