/* ============================================================
   ARABIC-MODE REFINEMENTS — تنسيق الوضع العربي
   When the site language is Arabic, show the Arabic course / level
   names as the primary text (hide the English), at a readable size.
   Loaded last so it wins over the base component styles.
   ============================================================ */

/* Course cards: hide English name, promote the Arabic to primary */
[data-lang="ar"] .mcard__label > .en,
[data-lang="ar"] .scard__name > .en { display: none; }

[data-lang="ar"] .mcard__label-ar {
  font-size: clamp(15px, 1.5vw, 19px);
  color: var(--ink);
  font-weight: 700;
  line-height: 1.3;
}
[data-lang="ar"] .scard__name-ar {
  font-size: clamp(18px, 2vw, 22px);
  color: var(--ink);
  font-weight: 700;
  line-height: 1.3;
}

/* Keep the top bar (and language toggle) above the cart overlay so it stays
   usable while the cart/booking is open */
.nav { z-index: 1400; }

/* Arabic mode: mirror the photo-card badges to the right edge */
[data-lang="ar"] .mcard__index { left: auto; right: 16px; }
[data-lang="ar"] .mcard__tag-pill { left: auto; right: 9%; }
[data-lang="ar"] .mcard--photo .enrolled--light { left: auto; right: 16px; }