/* ── RTL Layout Overrides for Arabic ─────────────────────────────────────── */
body {
    direction: rtl;
    text-align: right;
}

/* ── Header & Navigation ──────────────────────────────────────────────────── */
header {
    left: 0;
    right: 0;
}

.nav-menu {
    margin-right: auto;
    margin-left: unset;
}

.lang-dropdown {
    right: auto;
    left: 0;
}

.whatsapp-cta {
    flex-direction: row-reverse;
}

.whatsapp-cta i {
    margin-right: 0;
    margin-left: 8px;
}

/* ── Hero Section ─────────────────────────────────────────────────────────── */
.hero-content {
    text-align: right;
}

.hero-btns {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.hero-grid {
    flex-direction: row-reverse;
}

/* ── About Teaser ─────────────────────────────────────────────────────────── */
.about-point {
    flex-direction: row-reverse;
}

.about-point i {
    margin-right: 0;
    margin-left: 12px;
}

.about-teaser {
    text-align: right;
}

/* ── Practice Cards ───────────────────────────────────────────────────────── */
.practice-card-icon {
    margin-right: 0;
    margin-left: auto;
}

.practice-card .read-more {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.practice-card .read-more i {
    margin-left: 0;
    margin-right: 6px;
}

.practice-card:hover .read-more i {
    transform: translateX(-4px);
}

/* ── Attorney / Lawyer Modal ──────────────────────────────────────────────── */
.modal-grid {
    direction: rtl;
}

.modal-left {
    border-right: none;
    border-left: 1px solid rgba(152,30,37,0.05);
}

.modal-close-btn {
    right: auto;
    left: 20px;
}

.modal-contact-item {
    flex-direction: row-reverse;
}

.modal-contact-item i {
    margin-right: 0;
    margin-left: 10px;
}

/* ── Blog Posts ───────────────────────────────────────────────────────────── */
.blog-post-card .read-more {
    flex-direction: row-reverse;
}

.blog-post-card .read-more i {
    margin-left: 0;
    margin-right: 6px;
    transform: scaleX(-1);
}

/* ── Contact Page ─────────────────────────────────────────────────────────── */
.contact-item {
    flex-direction: row-reverse;
    text-align: right;
}

.contact-item i {
    margin-right: 0;
    margin-left: 14px;
    margin-top: 4px;
}

/* ── Footer ───────────────────────────────────────────────────────────────── */
.footer-col h4::after {
    left: auto;
    right: 0;
}

.footer-col ul li a {
    text-align: right;
}

.footer-socials {
    justify-content: flex-end;
}

.footer-bottom {
    flex-direction: row-reverse;
}

/* ── Icon margins inside text ─────────────────────────────────────────────── */
[style*="margin-right:6px"] {
    margin-right: 0 !important;
    margin-left: 6px !important;
}

/* ── Mobile RTL Menu (slides from RIGHT) ─────────────────────────────────── */
@media (max-width: 768px) {
    .nav-menu {
        left: auto;
        right: -100%;
        transition: right 0.4s ease;
    }

    .nav-menu.active {
        left: auto;
        right: 0;
    }

    .menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    .modal-left {
        border-left: none;
        border-bottom: 1px solid rgba(152,30,37,0.05);
    }

    .hero-grid {
        flex-direction: column;
    }
}