/* ══ FRENCH / LTR OVERRIDES ══
   Applied when <html dir="ltr"> (lang-fr mode)
══════════════════════════════ */

/* Modal close: switch from left to right in LTR */
body.lang-fr .modal-close {
  left: auto;
  right: 14px;
}

/* Form labels: reset RTL text-align */
body.lang-fr .form-lbl {
  text-align: left;
}

/* Settings section label */
body.lang-fr .sett-section-lbl {
  padding: 0 4px 8px;
  text-align: left;
}

/* Chevron arrow flips for LTR */
body.lang-fr .sett-chevron {
  transform: rotate(225deg);
}

/* Nav right side becomes left in LTR */
body.lang-fr .nav-right {
  flex-direction: row-reverse;
}

/* Modal switch text */
body.lang-fr .modal-switch {
  text-align: left;
}

/* Plan card popular badge — stays centered */
body.lang-fr .plan-card.popular::before {
  content: 'Meilleur';
}

/* Toast: keep centered */
body.lang-fr .toast {
  direction: ltr;
}

/* Fuel pack grid: LTR */
body.lang-fr .fuel-pack-grid {
  direction: ltr;
}

/* Chat placeholder direction */
body.lang-fr #chat-input {
  direction: ltr;
  text-align: left;
}

/* Bottom nav text: smaller in French (longer words) */
body.lang-fr .mnav-btn {
  font-size: 8px;
}

/* Auth modal divider */
body.lang-fr .modal-divider {
  direction: ltr;
}

/* XP float */
body.lang-fr .xp-float {
  direction: ltr;
}
