.eacc-language-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 999px;
    background: rgba(255,255,255,.1);
    color: #fff;
    font: 800 .82rem/1 var(--body-font, 'DM Sans', sans-serif);
    cursor: pointer;
    transition: .25s ease;
  }
  header.scrolled .eacc-language-toggle,
  header.menu-open .eacc-language-toggle {
    color: var(--navy-dark, #0d1457);
    border-color: rgba(13,20,87,.14);
    background: rgba(13,20,87,.05);
  }
  html[dir="rtl"] body { direction: rtl; }
  html[dir="rtl"] .hero,
  html[dir="rtl"] .section-title,
  html[dir="rtl"] .panel,
  html[dir="rtl"] .course-body,
  html[dir="rtl"] .footer-col,
  html[dir="rtl"] .footer-about { text-align: right; }
  html[dir="rtl"] .hero-actions { justify-content: flex-end; }
  html[dir="rtl"] .dropdown-menu { left: auto; right: 0; text-align: right; }
  html[dir="rtl"] .check-list li { flex-direction: row-reverse; }
  html[dir="rtl"] .footer-grid,
  html[dir="rtl"] .split,
  html[dir="rtl"] .hero-inner,
  html[dir="rtl"] .course-card { direction: rtl; }
  @media (max-width: 768px) {
    .eacc-language-toggle { width: 100%; justify-content: flex-start; color: var(--navy-dark, #0d1457); border-bottom: 1px solid rgba(13,20,87,.08); }
  }