/* ===== RTL Styles for Arabic ===== */
.is-rtl body {
    font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
}
.is-rtl .container {
    direction: rtl;
}
.is-rtl h1, .is-rtl h2, .is-rtl h3, .is-rtl h4, .is-rtl h5, .is-rtl h6 {
    text-align: right;
}
.is-rtl p {
    text-align: right;
}
.is-rtl ul, .is-rtl ol {
    padding-right: 20px;
    padding-left: 0;
}
.is-rtl .hero-content {
    text-align: right;
}
.is-rtl .feature-item, .is-rtl .card, .is-rtl .service-item {
    direction: rtl;
    text-align: right;
}
.is-rtl .btn .icon-right {
    margin-right: 8px;
    margin-left: 0;
    transform: scaleX(-1);
}
.is-rtl .dropdown {
    right: 0;
    left: auto;
}
.is-rtl .dropdown-link .icon-right {
    margin-right: auto;
    margin-left: 0;
    transform: scaleX(-1);
}
.is-rtl .footer-brand {
    text-align: right;
}
.is-rtl .footer-column h4 {
    text-align: right;
}
.is-rtl .footer-links li {
    text-align: right;
}
.is-rtl .footer-social {
    justify-content: flex-start;
}
.is-rtl .locations, .is-rtl .phone {
    text-align: right;
}
/* Calculator/tool pages: the SEO heading block (".*seohead") is a full-width sibling sitting
   above the centred, max-width tool column. In RTL the heading aligns to the start (right), so a
   full-width block throws the title to the viewport edge — outside the content column. Cap and
   centre the seohead to the same column so the heading stays within the page width. */
.is-rtl [class$="seohead"] {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
/* Belt-and-braces: never allow an RTL page to scroll horizontally past the viewport. */
.is-rtl body { overflow-x: hidden; }