/* ============================================================
   RTL Overrides — Persian / Arabic layout adjustments
   Only rules NOT already in style.css belong here
   ============================================================ */

/* Persian text benefits from slightly larger size + looser line-height */
[dir=rtl] body {
    font-size: 1.05rem;
    line-height: 1.9;
}

/* Persian readability: slight word spacing on body text */
[dir=rtl] p,
[dir=rtl] .hero__subtitle,
[dir=rtl] .section-header__subtitle,
[dir=rtl] .service-card__desc,
[dir=rtl] .step__desc {
    word-spacing: 0.05em;
}

/* Numeric display for Persian */
[dir=rtl] .stat-item__number {
    font-variant-numeric: normal;
}

/* Steps gradient direction reversal */
[dir=rtl] .steps::before {
    background: linear-gradient(270deg, var(--clr-accent) 0, rgba(0,194,255,0.2) 100%);
}

/* Footer bottom: reverse order for RTL */
[dir=rtl] .footer__bottom {
    flex-direction: row-reverse;
}

/* Quick request trigger hover shift */
[dir=rtl] .quick-request-trigger:hover {
    transform: translateY(-50%) translateX(4px);
}