/* Cultyvada — ajustes para escrita da direita para a esquerda (árabe). Carregado só nas páginas com dir="rtl", depois de site.css. */

/* fontes: Alegreya primeiro (letras latinas das marcas); o árabe cai em Amiri (títulos) e Noto Sans Arabic (texto) */
html[dir="rtl"]{
  --font-display:'Alegreya','Amiri','Geeza Pro','Traditional Arabic',Georgia,serif;
  --font-body:'Alegreya Sans','Noto Sans Arabic','Geeza Pro','Segoe UI',Tahoma,system-ui,sans-serif;
}
html[dir="rtl"] body{line-height:1.85;text-align:start}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{line-height:1.4;letter-spacing:0}
html[dir="rtl"] .lead{line-height:1.8}
/* escrita árabe: sem espaçamento entre letras (quebra as ligações), sem caixa alta, sem itálico */
html[dir="rtl"] *{letter-spacing:0!important;text-transform:none!important}
html[dir="rtl"] em,html[dir="rtl"] i,html[dir="rtl"] cite,html[dir="rtl"] .kicker,html[dir="rtl"] figcaption{font-style:normal}

/* trechos que precisam ficar da esquerda para a direita (telefone, e-mail, URL, endereço) */
html[dir="rtl"] bdi[dir="ltr"]{unicode-bidi:isolate}
/* nome latino curto em parágrafo não quebra entre linhas; em títulos não (alarga a coluna no celular) */
html[dir="rtl"] p bdi.nb,html[dir="rtl"] li bdi.nb{white-space:nowrap}
/* botões <button> não herdam a fonte: sem isto o árabe cai na fonte padrão do navegador, menor que os outros botões */
html[dir="rtl"] button.btn{font-family:inherit;font-size:var(--fs-1)}
html[dir="rtl"] .btn-sm{font-size:var(--fs-0)}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="url"]{direction:ltr;text-align:right}

/* acessibilidade e ícones (em RTL, o que vaza para a esquerda vira rolagem horizontal: o campo-isca sai pela direita) */
html[dir="rtl"] .honey{left:auto;right:-9999px}
html[dir="rtl"] .skip{left:auto;right:-999px}
html[dir="rtl"] .skip:focus{left:auto;right:var(--gutter)}
html[dir="rtl"] .menu-ico::before,html[dir="rtl"] .menu-ico::after{left:auto;right:0}

/* hero */
html[dir="rtl"] .hero-cuia{right:auto;left:var(--gutter)}
html[dir="rtl"] .hero-medal{left:auto;right:var(--gutter)}
@media (min-width:900px){
  html[dir="rtl"] .hero-txt{padding-right:var(--gutter);padding-left:6rem}
  html[dir="rtl"] .hero-cuia{left:auto;right:-3rem}
}

/* medalhas, faixa de números, tabelas, etiquetas */
html[dir="rtl"] .medal-sm{left:auto;right:.6rem}
html[dir="rtl"] .produto-premio .medal-sm,html[dir="rtl"] .corte-body .medal-sm{margin-right:0;margin-left:.4rem}
html[dir="rtl"] .faixa-lista li{border-left:0;border-right:2px solid var(--erva);padding-left:0;padding-right:.75rem}
html[dir="rtl"] .tabela th,html[dir="rtl"] .tabela td{text-align:right}
html[dir="rtl"] .tag-prov,html[dir="rtl"] .tag-def{left:auto;right:.75rem}
html[dir="rtl"] .tag-def{margin-left:0;margin-right:.4rem}

/* listas e passos */
html[dir="rtl"] .passos{padding-left:0;padding-right:1.4rem}
html[dir="rtl"] .prep .passos{padding-left:1.1rem;padding-right:2.4rem}
html[dir="rtl"] .datas{border-left:0;border-right:3px solid var(--erva);padding-left:0;padding-right:1.25rem;margin-left:0;margin-right:.5rem}
html[dir="rtl"] .lenda-pontos li{padding-left:0;padding-right:1.1rem}
html[dir="rtl"] .lenda-pontos li::before{left:auto;right:0}

/* cabeçalhos de página com foto: o degradê escuro acompanha o lado do texto */
html[dir="rtl"] .cab-img .cab-fundo::after{background:linear-gradient(270deg,rgba(14,30,20,.9) 0%,rgba(14,30,20,.75) 55%,rgba(14,30,20,.35) 100%)}

/* bandeiras, status de formulário */
html[dir="rtl"] .flag{margin-right:0;margin-left:.55rem}
html[dir="rtl"] .form-status .btn-sm{margin-left:0;margin-right:auto}

/* capitular da lenda: não existe em árabe */
html[dir="rtl"] .lenda-abertura::first-letter{font-family:inherit;font-size:inherit;font-weight:inherit;float:none;line-height:inherit;padding:0;color:inherit}

/* menu de idiomas: no desktop o botão fica à esquerda; a caixa abre para a direita (no celular a regra de site.css já ocupa a largura toda) */
@media (min-width:980px){
  html[dir="rtl"] .lang-menu{right:auto;left:0}
}