/* Measuring Masters — línguas da direita pra esquerda (árabe, 06/10/2026). Carregado por includes/header.php só quando MM_LANGS[l]['dir'] = 'rtl',
   DEPOIS dos outros CSS. O dir="rtl" do <html> já espelha flex, grid e alinhamento; aqui ficam os ajustes que o CSS original fixou em left/right
   e o que precisa continuar da esquerda pra direita (coordenadas, números, código, mapas). */

/* letras árabes são ligadas: espaçamento entre letras (kickers, botões em maiúsculas) quebra as palavras */
html[dir="rtl"] body, html[dir="rtl"] body * { letter-spacing: 0 !important; }
html[dir="rtl"] body { font-family: var(--font, system-ui), "Segoe UI", "Noto Sans Arabic", Tahoma, "Arial", sans-serif; }

/* coordenadas, números e dados: sempre da esquerda pra direita */
html[dir="rtl"] textarea, html[dir="rtl"] input[type="number"], html[dir="rtl"] input[inputmode="decimal"], html[dir="rtl"] pre, html[dir="rtl"] code,
html[dir="rtl"] .cx-kv b, html[dir="rtl"] .cx-kv em, html[dir="rtl"] .cx-tab td { direction: ltr; unicode-bidi: plaintext; }
html[dir="rtl"] textarea { text-align: left; }
html[dir="rtl"] .cx-tab td { text-align: right; }
/* mapas (Leaflet): controles e atribuição só funcionam da esquerda pra direita */
html[dir="rtl"] .leaflet-container { direction: ltr; }

/* setas de sentido montadas como peça própria (ex.: conversor de datum "origem → destino"): espelhadas */
html[dir="rtl"] .dm-seta, html[dir="rtl"] .mm-seta { display: inline-block; transform: scaleX(-1); }

/* link "pular para o conteúdo" escondido a -9999px: em RTL a página rola pra ESQUERDA → escondê-lo à direita (não rola) */
html[dir="rtl"] .skip-link { left: auto; right: -9999px; }
html[dir="rtl"] .skip-link:focus { right: 8px; }
/* campos-isca anti-spam escondidos a -9999px (contato, newsletter, patrocínio, aviso RINEX): idem, escondidos à direita */
html[dir="rtl"] [style*="left:-9999px"], html[dir="rtl"] .rb-hp { left: auto !important; right: -9999px !important; }
/* seletor de idioma (06/10/2026, print do Bruno: "abre pra esquerda, fica fora da tela"): no computador o painel é preso à DIREITA do botão;
   em RTL o botão fica à esquerda do cabeçalho → prender à ESQUERDA (até 900 px ele já é um quadro preso nas duas bordas) */
@media (min-width: 901px) { html[dir="rtl"] .mm-lang-l, html[dir="rtl"] .header-icons .mm-lang-l { right: auto; left: -10px; } }
html[dir="rtl"] .mm-lang { margin-left: 0; margin-right: 8px; }
html[dir="rtl"] .header-icons .mm-lang { margin: 0 0 0 4px; }