/* Seletor de idioma do motor global (/i18n.js), encaixado no cabeçalho do /creator.
   O motor injeta o seletor como pílula fixa no topo; aqui ele entra no menu, com a identidade verde. */
body > .replizo-lang-selector { visibility: hidden; } /* até o creator-app.js movê-lo para o cabeçalho */

.rz-lang-slot { display: flex; align-items: center; }
.rz-lang-slot .replizo-lang-selector {
  position: static; left: auto; top: auto; z-index: auto; transform: none; opacity: 1;
  display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px;
  background: #fff; border: 1px solid var(--line); box-shadow: none; backdrop-filter: none;
}
.rz-lang-slot .replizo-lang-selector:hover,
.rz-lang-slot .replizo-lang-selector:focus-within { transform: none; opacity: 1; }
.rz-lang-slot .replizo-lang-selector button {
  min-width: 32px; padding: 7px 8px; border-radius: 999px;
  color: var(--muted); font: 700 11px/1 DM, system-ui, sans-serif; letter-spacing: .04em;
}
.rz-lang-slot .replizo-lang-selector button:hover { color: var(--ink); }
.rz-lang-slot .replizo-lang-selector button.active { background: var(--forest); color: #fff; }
.rz-lang-slot .replizo-lang-selector button:focus-visible { outline: 2px solid var(--green); outline-offset: 1px; }

@media (min-width: 1024px) and (max-width: 1240px) {
  /* EN/ES são mais longos: menu + seletor numa linha só a partir de 1024 px */
  .header nav { gap: 12px; }
  .rz-prod { padding: 6px 9px; }
  .rz-entrar { padding: 7px 2px; }
  .rz-lang-slot .replizo-lang-selector button { min-width: 27px; padding: 6px 5px; font-size: 10px; }
}
@media (min-width: 851px) and (max-width: 1023px) {
  /* Abaixo de 1024 px o menu completo não cabe junto com o seletor (medido em PT, EN e ES):
     usa o mesmo menu compacto do celular — só as regras do cabeçalho do bloco ≤ 850 px do
     creator-base.css; o layout das seções não muda. */
  .menu-button { display: flex; flex-direction: column; justify-content: center; gap: 6px; background: none; border: 1px solid #cad3c6; border-radius: 7px; padding: 12px; width: 44px; height: 44px; }
  .menu-button > span { height: 2px; background: var(--ink); width: 18px; }
  .header nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding: 22px 24px; box-shadow: 0 18px 25px #15281a14; border-bottom: 1px solid var(--line); align-items: stretch; flex-direction: column; gap: 8px; }
  .header nav.is-open { display: flex; }
  .header nav > a { padding: 12px; }
}
@media (max-width: 1023px) {
  /* no menu mobile, o seletor é a primeira linha, com alvo de toque grande */
  .rz-lang-slot { order: -1; padding: 2px 12px 10px; }
  .rz-lang-slot .replizo-lang-selector button { min-width: 52px; padding: 11px 14px; font-size: 13px; }
}