/* ============================================
   EVERMOND - RTL / ARABIC OVERRIDES
   Loaded only on /ar/* pages
   ============================================ */

html[dir="rtl"] body,
html[lang="ar"] body {
  font-family: 'Cairo', 'Tajawal', 'Inter', sans-serif;
  text-align: right;
}

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: 'Amiri', 'Cairo', serif;
  font-weight: 700;
}

/* Eyebrow line moves to the right */
html[dir="rtl"] .eyebrow::before,
html[dir="rtl"] .cinema-eyebrow::before { display: none; }
html[dir="rtl"] .cinema-eyebrow::after { display: none; }
html[dir="rtl"] .eyebrow::after,
html[dir="rtl"] .cinema-eyebrow::after {
  content: '';
  display: block;
  width: 32px;
  height: 1px;
  background-color: var(--color-secondary);
}
html[dir="rtl"] .cinema-eyebrow::before {
  content: '';
  display: block;
  width: 32px;
  height: 1px;
  background-color: var(--color-secondary);
}

/* Nav flips */
html[dir="rtl"] .nav-wrapper { flex-direction: row-reverse; }
html[dir="rtl"] .main-nav > ul { flex-direction: row-reverse; }
html[dir="rtl"] .header-top-inner { flex-direction: row-reverse; }
html[dir="rtl"] .header-top-left,
html[dir="rtl"] .header-top-right { flex-direction: row-reverse; }

/* Logo flips so mark stays at start (right) */
html[dir="rtl"] .logo { flex-direction: row-reverse; }
html[dir="rtl"] .logo-text { text-align: right; }

/* Buttons - arrow flips */
html[dir="rtl"] .btn svg.arrow { transform: scaleX(-1); }
html[dir="rtl"] .btn:hover svg.arrow { transform: scaleX(-1) translateX(4px); }

/* Hero grid: swap order */
html[dir="rtl"] .cinema-hero-grid { direction: rtl; }
html[dir="rtl"] .museum-showcase { order: -1; }

/* Bullet list: bullet stays on right */
html[dir="rtl"] .bullet-list li { flex-direction: row-reverse; text-align: right; }

/* Cards / tiles - keep tiles ltr internally but flip container */
html[dir="rtl"] .grid { direction: rtl; }
html[dir="rtl"] .tile,
html[dir="rtl"] .card { direction: rtl; text-align: center; }
html[dir="rtl"] .tile-content { text-align: center; }

/* Footer */
html[dir="rtl"] .footer-top { direction: rtl; }
html[dir="rtl"] .footer-bottom { direction: rtl; }
html[dir="rtl"] .footer-contact-item { flex-direction: row-reverse; }

/* Stats block alignment */
html[dir="rtl"] .stats-block { direction: rtl; }
html[dir="rtl"] .stat-cell { border-right: none; border-left: 1px solid rgba(255, 255, 255, 0.1); }
html[dir="rtl"] .stat-cell:last-child { border-left: none; }

/* Trust bar dividers */
html[dir="rtl"] .trust-stat:not(:last-child)::after {
  right: auto;
  left: -1rem;
}

/* Form labels */
html[dir="rtl"] label,
html[dir="rtl"] .checkbox-item { text-align: right; }
html[dir="rtl"] .checkbox-item { flex-direction: row-reverse; }

/* Sticky actions on left side in RTL */
html[dir="rtl"] .sticky-actions {
  right: auto;
  left: 1.5rem;
  align-items: flex-start;
}
html[dir="rtl"] .sticky-btn .tooltip {
  right: auto;
  left: calc(100% + 12px);
}
html[dir="rtl"] .sticky-btn:hover .tooltip {
  left: calc(100% + 16px);
}

/* Scroll hint */
html[dir="rtl"] .scroll-hint { letter-spacing: 0.1em; }

/* Eyebrow centered (sections) */
html[dir="rtl"] .eyebrow-center::before,
html[dir="rtl"] .eyebrow-center::after { display: none; }
html[dir="rtl"] .section-header { text-align: center; }
html[dir="rtl"] .section-header.left { text-align: right; }

/* Lang switcher: AR active style */
html[dir="rtl"] .lang-switcher { flex-direction: row-reverse; }

/* Mega menu flip */
html[dir="rtl"] .mega-inner { direction: rtl; }
html[dir="rtl"] .mega-col li a { flex-direction: row-reverse; }
html[dir="rtl"] .mega-col li a:hover { transform: translateX(-4px); }

/* Process steps */
html[dir="rtl"] .process-step::after {
  right: auto;
  left: -8px;
}

/* Faq accordion */
html[dir="rtl"] .faq-question { flex-direction: row-reverse; text-align: right; }

/* Tile-frame corner positions remain (decorative, fine in both LTR/RTL) */

/* Subhero content right-aligned */
html[dir="rtl"] .lux-subhero-content { text-align: right; }
html[dir="rtl"] .lux-subhero-arch { left: 5%; right: auto; }