/* ==========================================================================
   RTL overrides for Arabic pages — loaded only on [dir="rtl"] pages,
   after style.css. Flexbox/grid direction mirrors automatically; this file
   only fixes physical (left/right) properties that don't.
   ========================================================================== */

body { text-align: right; }

/* Header */
.brand { flex-direction: row; }
.header-phone { text-align: left; }
.has-dropdown .dropdown { left: auto; right: -16px; }
.dropdown a { text-align: right; }

/* Eyebrow accent */
.eyebrow::before { order: 2; }

/* Hero */
.hero-visual-badge { left: auto; right: 20px; }
.hero-tag { flex-direction: row; }

/* Breadcrumbs / arrows should point the reading direction */
.card-link svg, .dropdown-footer a svg, .btn svg { transform: scaleX(-1); }
.product-card:hover .card-link svg { transform: scaleX(-1) translateX(3px); }

/* Checklist / icon-feature icons sit on the right in RTL */
.check-list li, .icon-feature, .contact-card, .footer-contact li { text-align: right; }

/* Stat numbers / cta text alignment already center or handled by flex mirroring */

/* Floating buttons swap sides */
.float-whatsapp { left: auto; right: 22px; }
.back-to-top { right: auto; left: 22px; }

/* Forms */
.form-group { text-align: right; }
.form-group label .req { margin-right: 4px; }

/* Footer */
.footer-bottom { text-align: right; }

/* Mobile nav drawer */
@media (max-width: 980px) {
  .main-nav { right: 0; left: 0; }
}