/* RTL Support for Arabic */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .hero-content,
html[dir="rtl"] .section-header,
html[dir="rtl"] .footer-col,
html[dir="rtl"] .post-content {
    text-align: right;
}

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

html[dir="rtl"] .main-nav ul {
    flex-direction: row-reverse;
    /* Or keep row but items order matters? usually flex handles it but margins might need flip */
}

html[dir="rtl"] .main-nav li {
    margin-left: 20px;
    margin-right: 0;
}

html[dir="rtl"] .hero-buttons {
    justify-content: flex-start;
    /* Or right if text align right */
}

html[dir="rtl"] .feature-box i {
    float: right;
    /* If icons were floated, but here they are block/flex */
    margin-left: 15px;
    margin-right: 0;
}

/* Flip chevrons/arrows if needed */
html[dir="rtl"] .fa-arrow-right:before {
    content: "\f060";
    /* Arrow Left */
}

/* WhatsApp button position mirror */
html[dir="rtl"] .whatsapp-btn {
    right: auto;
    left: 30px;
}