/* RTL overrides for Arabic */
body.rtl {
    direction: rtl;
    text-align: right;
}

body.rtl .skip-link {
    left: auto;
    right: 0;
}
body.rtl .skip-link:focus {
    left: auto;
    right: 12px;
}

body.rtl .site-header .container {
    flex-direction: row-reverse;
}

body.rtl .main-nav {
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    body.rtl .main-nav {
        left: auto;
        right: 0;
    }
}

body.rtl .reply {
    border-left: none;
    border-right: 4px solid var(--color-border);
}
body.rtl .reply.staff {
    border-right-color: var(--color-primary);
}

body.rtl th,
body.rtl td {
    text-align: right;
}

body.rtl .form-group input,
body.rtl .form-group select,
body.rtl .form-group textarea {
    text-align: right;
}

body.rtl .ticket-meta {
    flex-direction: row-reverse;
}

body.rtl .filters {
    flex-direction: row-reverse;
}

body.rtl .hero-actions {
    flex-direction: row-reverse;
}

body.rtl .pagination {
    flex-direction: row-reverse;
}

/* Keep hero, section titles and CTA centered in RTL */
body.rtl .section-title,
body.rtl .section-lead,
body.rtl .section-cta .cta-block,
body.rtl .section-cta .cta-title,
body.rtl .section-cta .cta-text {
    text-align: center;
}
body.rtl .hero-content {
    text-align: right;
}
body.rtl .hero-visual {
    justify-content: flex-start;
}
body.rtl .footer-grid {
    text-align: right;
}