/* rtl.css — Arabic layout overrides for GLMVH */

/* Base RTL direction */
html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] * { letter-spacing: 0; }

/* Topbar / Nav */
html[dir="rtl"] .nav { flex-direction: row-reverse; }
html[dir="rtl"] .brand { flex-direction: row-reverse; }
html[dir="rtl"] .brand span { margin-right: 6px; margin-left: 0; }
html[dir="rtl"] .spacer { order: 0; flex: 1; }
html[dir="rtl"] .menu a { display: inline-block; }
@media (max-width:860px){
  html[dir="rtl"] .menu.show{
    text-align: right;
    /* same block styles as LTR, only text alignment changes */
  }
}

/* Hero & grids */
html[dir="rtl"] .hero-grid { direction: rtl; }
html[dir="rtl"] .kpis { direction: rtl; }
html[dir="rtl"] .leaders { direction: rtl; }

/* Lists with checkmarks */
html[dir="rtl"] .list.check li { padding-right: 22px; padding-left: 0; }
html[dir="rtl"] .list.check li:before { left: auto; right: 0; }

/* Person / founder banner (image to the left visually in RTL) */
html[dir="rtl"] .person { grid-template-columns: 1fr 120px; }
html[dir="rtl"] .person img { order: 2; }
@media (max-width:760px){
  html[dir="rtl"] .person { grid-template-columns: 1fr 88px; }
}

/* Partner hero (image then content in LTR; flip in RTL) */
html[dir="rtl"] .partner-hero { display: grid; grid-template-columns: 1fr 180px; gap: 14px; }
html[dir="rtl"] .partner-hero__img { order: 2; }
html[dir="rtl"] .partner-hero__content { order: 1; }

/* Cards/accents that used border-left in LTR */
html[dir="rtl"] .card[style*="border-left"]{
  border-left: none !important;
  border-right: 4px solid var(--gold) !important;
}

/* Notices with implied left accent look balanced in RTL */
html[dir="rtl"] .notice { text-align: right; }

/* Form rows keep right alignment but natural flow */
html[dir="rtl"] .row { direction: rtl; }
html[dir="rtl"] label.label { text-align: right; }

/* Footer */
html[dir="rtl"] .site-footer { text-align: right; }

/* Floating language toggle (logical properties for both LTR/RTL) */
.lang-toggle {
  position: fixed;
  inset-inline-end: 14px;
  inset-block-end: 16px;
  z-index: 1000;
  background: linear-gradient(90deg,var(--accent),#6fd9ff);
  color:#06202a;
  border-radius: 999px;
  padding:10px 14px;
  font-weight: 900;
  border:0;
  box-shadow: var(--shadow);
  cursor:pointer;
}