/* I18n: RTL-sensitive overrides and switcher widget styles.
   All rules here must be direction-aware only. Feature-specific styles stay
   in their own CSS files per CLAUDE.md modularity rule. */

.i18n-switcher {
  padding: 4px 8px;
  border: 1px solid var(--color-border, #ccc);
  border-radius: 4px;
  background: var(--color-bg-elev, #fff);
  color: var(--color-text, #222);
  font: inherit;
  min-width: 100px;
  cursor: pointer;
}

.i18n-switcher:focus {
  outline: 2px solid var(--color-focus, #3b82f6);
  outline-offset: 1px;
}

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] textarea {
  text-align: right;
}

html[dir="rtl"] input[type="number"] {
  direction: ltr;
  text-align: right;
}

html[dir="rtl"] .i18n-mirror {
  transform: scaleX(-1);
}

html[dir="rtl"] table {
  direction: rtl;
}

html[dir="rtl"] th,
html[dir="rtl"] td {
  text-align: right;
}

html[dir="rtl"] .coach-tab-bar {
  flex-direction: row-reverse;
  flex-wrap: wrap;
}