/* ================================================================
   EQBIE — Arabic RTL Stylesheet
   EQ Business Intelligence Enterprises FZ LLC
================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

/* ── Base ── */
[dir="rtl"] {
  direction: rtl;
  font-family: 'Cairo', sans-serif;
}
[dir="rtl"] body        { font-family: 'Cairo', sans-serif; }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,
[dir="rtl"] h4,[dir="rtl"] h5,[dir="rtl"] h6 {
  font-family: 'Cairo', sans-serif;
  letter-spacing: 0;
}

/* ── Language switcher ── */
.lang-btn {
  display: inline-flex; align-items: center; gap: .35rem;
  background: rgba(0,212,255,.06); border: 1px solid rgba(0,212,255,.2);
  border-radius: 8px; padding: .38rem .85rem;
  font-size: .78rem; font-weight: 700; color: var(--cyan);
  text-decoration: none; letter-spacing: .04em;
  transition: all .22s; flex-shrink: 0;
  font-family: 'Inter', sans-serif;
}
.lang-btn:hover {
  background: rgba(0,212,255,.13); border-color: rgba(0,212,255,.45);
  transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,212,255,.15);
}
[dir="rtl"] .lang-btn { font-family: 'Inter', sans-serif; margin-left: 1.5rem; }

/* ── Navigation ── */
[dir="rtl"] .nav-inner     { flex-direction: row-reverse; }
[dir="rtl"] .nav-links     { flex-direction: row; }
[dir="rtl"] .logo          { flex-direction: row; direction: ltr; margin-right: auto; margin-left: 0; }
[dir="rtl"] .logo-text     { text-align: left; direction: ltr; }
[dir="rtl"] .logo-primary  { direction: ltr; }
[dir="rtl"] .logo-sub      { direction: ltr; }

/* ── Hero badge ── */
[dir="rtl"] .hero-badge    { flex-direction: row-reverse; }
[dir="rtl"] .section-tag   { flex-direction: row-reverse; }

/* ── Text alignment ── */
[dir="rtl"] .section-title,
[dir="rtl"] .section-desc  { text-align: right; }
[dir="rtl"] p              { text-align: right; }

/* ── Hero stats ── */
[dir="rtl"] .hero-stats    { flex-direction: row; }
[dir="rtl"] .stats-bar     { flex-direction: row; }

/* ── Stat block divider ── */
[dir="rtl"] .stat-blk:not(:last-child)::after {
  right: auto; left: 0;
}

/* ── Buttons arrows ── */
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-ghost { flex-direction: row-reverse; }

/* ── Cards ── */
[dir="rtl"] .svc-card,
[dir="rtl"] .ind-card,
[dir="rtl"] .sol-item,
[dir="rtl"] .glass-card,
[dir="rtl"] .mini-card    { text-align: right; }

[dir="rtl"] .c-card        { flex-direction: row-reverse; }
[dir="rtl"] .c-card .ico   { /* keep icon on left in RTL = visual right start */ }

/* ── Contact cards ── */
[dir="rtl"] .contact-grid  { direction: rtl; }
[dir="rtl"] .contact-form  { direction: rtl; }

/* ── Forms ── */
[dir="rtl"] .form-group label { display: block; text-align: right; }
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea       { text-align: right; direction: rtl; font-family: 'Cairo', sans-serif; }
[dir="rtl"] .form-row      { direction: rtl; }

/* ── Consent checkbox row ── */
[dir="rtl"] label[style*="display:flex"] { flex-direction: row-reverse; }

/* ── Footer ── */
[dir="rtl"] .footer-inner  { direction: rtl; }
[dir="rtl"] .footer-grid   { direction: rtl; }
[dir="rtl"] .footer-links  { text-align: right; }
[dir="rtl"] .footer-brand p{ text-align: right; }
[dir="rtl"] .footer-bottom { flex-direction: row-reverse; }
[dir="rtl"] .footer-socials{ flex-direction: row-reverse; }
[dir="rtl"] .footer-col h4 { text-align: right; }

/* ── About grid ── */
[dir="rtl"] .about-grid    { direction: rtl; }
[dir="rtl"] .ab-mission    { direction: rtl; }
[dir="rtl"] .mission-card  { text-align: right; }

/* ── Team values ── */
[dir="rtl"] .val-item       { text-align: right; }

/* ── Process timeline ── */
[dir="rtl"] .proc-item          { direction: rtl; }
[dir="rtl"] .proc-item:nth-child(odd) .proc-content  { text-align: right; }
[dir="rtl"] .proc-item:nth-child(even) .proc-content { text-align: right; }
[dir="rtl"] .proc-content       { text-align: right; }

/* ── Why grid ── */
[dir="rtl"] .why-grid      { direction: rtl; }

/* ── Sol featured ── */
[dir="rtl"] .sol-featured  { direction: rtl; }
[dir="rtl"] .sol-feat-list li { flex-direction: row-reverse; }
[dir="rtl"] .sol-feat-list li::before { content: '✓'; }

/* ── Solution cards ── */
[dir="rtl"] .sol-card       { text-align: right; }
[dir="rtl"] .sol-tags       { flex-direction: row-reverse; }

/* ── Highlight card shimmer edge (reverse direction) ── */
[dir="rtl"] .highlight-card::before {
  animation: hc-edge-rtl 3.5s ease-in-out infinite;
}
@keyframes hc-edge-rtl {
  0%   { right: -100%; left: auto; }
  50%  { right: 100%; left: auto; }
  100% { right: -100%; left: auto; }
}

/* ── Marquee (reverse direction for RTL) ── */
[dir="rtl"] .marquee-track {
  animation-direction: reverse;
}

/* ── Testimonials ── */
[dir="rtl"] .testi-card     { text-align: right; }
[dir="rtl"] .testi-stars    { flex-direction: row-reverse; }
[dir="rtl"] .testi-author   { flex-direction: row-reverse; }
[dir="rtl"] .testi-info     { text-align: right; }
[dir="rtl"] .testimonials-track     { animation-direction: reverse; }
[dir="rtl"] .testimonials-track.reverse { animation-direction: normal; }

/* ── CEO section ── */
[dir="rtl"] .ceo-section    { direction: rtl; }
[dir="rtl"] .ceo-message    { text-align: right; }
[dir="rtl"] .ceo-quote-mark { text-align: right; }
[dir="rtl"] .ceo-signature-block { flex-direction: row-reverse; }
[dir="rtl"] .ceo-sig-info   { text-align: right; }
/* Corner brackets mirrored */
[dir="rtl"] .ceo-photo-wrap::before {
  top: -8px; right: -8px; left: auto;
  border-top: 2px solid var(--cyan);
  border-right: 2px solid var(--cyan);
  border-left: none;
  border-radius: 0 8px 0 0;
}
[dir="rtl"] .ceo-photo-wrap::after {
  bottom: -8px; left: -8px; right: auto;
  border-bottom: 2px solid var(--purple);
  border-left: 2px solid var(--purple);
  border-right: none;
  border-radius: 0 0 0 8px;
}

/* ── Float chips ── */
[dir="rtl"] .float-chip.top-right { right: auto; left: -1rem; }
[dir="rtl"] .float-chip.bot-left  { left: auto; right: -1rem; }

/* ── Feat list (Legend LMS) ── */
[dir="rtl"] .feat-list li         { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .feat-list li::before { content: '←'; }

/* ── Admin pills ── */
[dir="rtl"] .admin-pill            { flex-direction: row-reverse; text-align: right; }

/* ── Tech pills ── */
[dir="rtl"] .tech-pill             { flex-direction: row-reverse; }

/* ── Ver pills ── */
[dir="rtl"] .ver-strip             { flex-direction: row-reverse; flex-wrap: wrap; }

/* ── Support cards ── */
[dir="rtl"] .sup-card              { text-align: right; }

/* ── Overview cards ── */
[dir="rtl"] .ov-card               { text-align: right; }

/* ── AI cards ── */
[dir="rtl"] .ai-card               { text-align: right; }

/* ── Platform cards ── */
[dir="rtl"] .plat-card             { text-align: right; }

/* ── Compare grid ── */
[dir="rtl"] .compare-col          { text-align: right; border-right: none; border-left: 1px solid var(--glass-b); padding-right: 0; padding-left: 2rem; }
[dir="rtl"] .compare-col:last-child { border-left: none; padding-left: 0; }
[dir="rtl"] .compare-col ul li    { flex-direction: row-reverse; }

/* ── Mobile nav open ── */
[dir="rtl"] .nav-links.open { text-align: right; }

/* ── What to Expect list ── */
[dir="rtl"] div[style*="display:flex"][style*="gap:.75rem"] { flex-direction: row-reverse; }

/* ── Contact office cards ── */
[dir="rtl"] div[style*="display:flex"][style*="gap:.85rem"] { flex-direction: row-reverse; }

/* ── Scroll progress bar (RTL: from right) ── */
[dir="rtl"] #scroll-progress {
  right: 0;
  left: auto;
}

/* ── Glow line ── */
[dir="rtl"] .glow-line { direction: ltr; }

/* ── Module cards ── */
[dir="rtl"] .module-head { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .module-head h3,
[dir="rtl"] .module-head p { text-align: right; }
[dir="rtl"] .module-body { text-align: right; }

/* ── Prod hero ── */
[dir="rtl"] .prod-hero h1,
[dir="rtl"] .prod-hero p  { text-align: right; }
[dir="rtl"] .prod-badge   { flex-direction: row-reverse; }
[dir="rtl"] .prod-hero-actions { flex-direction: row-reverse; }

/* ── Sol compare ── */
[dir="rtl"] .sol-compare-grid { direction: rtl; }

/* ── Form status ── */
[dir="rtl"] .form-status { text-align: right; }

/* ── Legal pages ── */
[dir="rtl"] .legal-body h2,
[dir="rtl"] .legal-body h3,
[dir="rtl"] .legal-body p,
[dir="rtl"] .legal-body ul li { text-align: right; }
[dir="rtl"] .legal-body ul li::before { left: auto; right: 0; }
[dir="rtl"] .legal-body ul li { padding-left: 0; padding-right: 1.25rem; }

/* ── CTA section ── */
[dir="rtl"] .cta-content { text-align: right; }
[dir="rtl"] .cta-btns    { flex-direction: row-reverse; }

/* ── Hero canvas (stays LTR) ── */
#hero-canvas { direction: ltr; }

/* ── Responsive RTL ── */
@media(max-width: 768px) {
  [dir="rtl"] .proc-item:nth-child(odd) .proc-content { text-align: right; }
  [dir="rtl"] .compare-col { border-left: none; border-bottom: 1px solid var(--glass-b); padding-left: 0; padding-bottom: 1.5rem; }
  [dir="rtl"] .compare-col:last-child { border-bottom: none; }
}