/* =========================================================
   Zatelco — RTL overrides (Arabic pages)
   Loaded only by pages under /ar/ in addition to styles.css
   ========================================================= */

html[dir="rtl"] body,
html[dir="rtl"] .top-nav,
html[dir="rtl"] .mega-menu,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 { font-family: var(--font-ar); }

html[dir="rtl"] .hero-stats,
html[dir="rtl"] .topbar-contacts,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .trust-logos,
html[dir="rtl"] .footer-social,
html[dir="rtl"] .footer-bottom .legal-links {
	direction: rtl;
}

/* Nudge headline/paragraph max-widths so they hug the right edge instead of left */
html[dir="rtl"] .hero p.lead,
html[dir="rtl"] .cta-band p,
html[dir="rtl"] .page-head p {
	margin-left: auto;
	margin-right: auto;
}

/* Accordion plus icon rotation already handled with logical transform; ensure spin direction still reads correctly */
html[dir="rtl"] .faq-item.open .faq-q .plus { transform: rotate(-45deg); }

/* Card icon / step number circles stay centered — no change needed since flex uses logical direction automatically */

/* Form fields: force text alignment to start (right) explicitly for older browsers */
html[dir="rtl"] .field input,
html[dir="rtl"] .field select,
html[dir="rtl"] .field textarea { text-align: right; }

/* Fix Font Awesome-less icons / arrows that may need mirroring */
html[dir="rtl"] .btn svg.icon-arrow { transform: scaleX(-1); }

/* Breadcrumb separator direction */
html[dir="rtl"] .breadcrumb { direction: rtl; }