/* ═══════════════════════════════════════════════════════════════════════════
   Digital Corner — RTL Overrides (Arabic)
   Loaded only when dir="rtl"
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Typography ──────────────────────────────────────────────────────────── */
body { font-family: var(--font-arabic); letter-spacing: 0; }

.section-label { letter-spacing: 0; }
.section-label::before { /* keep the accent line, flip it contextually */ }

/* ── Section label for RTL — line goes on the other side naturally via logical props */

/* ── Hero ────────────────────────────────────────────────────────────────── */
.hero-subtitle { max-width: 540px; }
.hero-float-badge { inset-inline-start: auto; inset-inline-end: -1.5rem; }

/* ── Navbar ──────────────────────────────────────────────────────────────── */
.navbar-nav { margin-inline-start: 0; margin-inline-end: auto; }
.navbar-actions { margin-inline-start: 0; }

.mega-menu {
  transform: translateX(50%);
}
.has-mega-menu:hover .mega-menu,
.has-mega-menu:focus-within .mega-menu {
  transform: translateX(50%) translateY(0);
}

/* Mobile menu slides in from left in RTL */
.mobile-menu { transform: translateX(-100%); }
.mobile-menu.open { transform: translateX(0); }

/* ── Breadcrumb separator ────────────────────────────────────────────────── */
.breadcrumb-sep { transform: scaleX(-1); }

/* ── Cards / Features ────────────────────────────────────────────────────── */
.why-item { flex-direction: row; }

/* ── Service link arrow ──────────────────────────────────────────────────── */
.service-card-link svg { transform: scaleX(-1); }

/* ── Footer Links ────────────────────────────────────────────────────────── */
.footer-links a svg { transform: scaleX(-1); }

/* ── Form ────────────────────────────────────────────────────────────────── */
.form-label .req { margin-inline-start: .25rem; margin-inline-end: 0; }

/* ── Cookie Banner ───────────────────────────────────────────────────────── */
/* Already handled by logical properties */

/* ── Partners Carousel — reverse direction for RTL ───────────────────────── */
.partners-track { animation-direction: reverse; }

/* ── Testimonial quote mark ──────────────────────────────────────────────── */
.testimonial-card::before {
  inset-inline-end: auto;
  inset-inline-start: 1.5rem;
}

/* ── Mega menu grid — natural RTL flow ───────────────────────────────────── */
.mega-menu-footer { text-align: start; }

/* ── Mobile accordion ────────────────────────────────────────────────────── */
.mobile-submenu {
  border-inline-start: none;
  border-inline-end: 2px solid var(--border);
  margin-inline-start: 0;
  margin-inline-end: 1rem;
  padding-inline-start: 0;
  padding-inline-end: 1rem;
}

/* ── Text alignment helpers ──────────────────────────────────────────────── */
.rtl .text-start { text-align: right; }
.rtl .text-end   { text-align: left; }