/* A NYELVVÁLTÓ ÉS A „CSAK MAGYARUL" MEGJEGYZÉS (2026-10-14).
   A váltó a lap tetején, jobbra áll: két link egy keretes csoportban, a
   választott nyelv a lap fő színével kitöltve. A színek a lap saját
   tokenjeiből jönnek (a foglalóoldal a szalon színét adja `--fo-szin` néven,
   a többi vendéglap a rendszer akció-színét), így mind a hat megjelenési
   stílusban a lap része marad, nem idegen folt. */
/* A sor a foglalóoldal dobozának szélességét követi (.doboz: 540 px,
   önálló lapon 1040 px), hogy a váltó a tartalom jobb szélével egy vonalban
   álljon. */
.nyelv-sav {
  max-width: 540px;
  margin: 0 auto;
  padding: 12px 22px 0;
}
html[data-onallo="1"] .nyelv-sav { max-width: 1040px; }
/* A lemondó és a fizetési lapon a törzs maga a keskeny oszlop. */
.nyelv-sav--keskeny,
html[data-onallo="1"] .nyelv-sav--keskeny { max-width: none; padding: 0; margin: 0 0 12px; }

.nyelv-valto {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  color: var(--tinta-lagy, var(--szin-szoveg-masodlagos, #5b5b5b));
  font-size: var(--szoveg-mellek, 0.8125rem);
  line-height: 1;
}
.nyelv-valto-ikon {
  width: 18px;
  height: 18px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}
.nyelv-valto-csoport {
  display: inline-flex;
  padding: 2px;
  border: 1px solid var(--keret-eros, var(--szin-vonal-eros, #c9c9c9));
  border-radius: 999px;
  background: var(--lap, var(--szin-felulet, #fff));
}
.nyelv-valto-link {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--tinta, var(--szin-szoveg, #1f1f1f));
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.nyelv-valto-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.nyelv-valto-link[aria-current="true"] {
  background: var(--fo-szin, var(--szin-akcio, #a33a1f));
  color: var(--fo-szoveg, var(--szin-akcio-szoveg, #fff));
}
.nyelv-valto-link[aria-current="true"]:hover { text-decoration: none; }
.nyelv-valto-link:focus-visible {
  outline: 2px solid var(--fo-eros, var(--szin-fokusz, #a33a1f));
  outline-offset: 2px;
}

/* A foglalóoldal két váltója: asztalon a felső sáv, telefonon a szalon
   nevének sorában álló rövid változat (HU | EN). Külön sorként a telefonon
   a heti rácsot a hajtás alá tolná. */
.nyelv-sav.nyelv-sav--fejlec { display: none; }
@media (max-width: 560px) {
  .nyelv-sav.nyelv-sav--felso { display: none; }
  /* A váltó maga a <nav> (.nyelv-valto), ezért egy elemen áll a két osztály;
     a html-előtagos alak az önálló lap 1040 px-es sávszabályát írja felül. */
  .nyelv-sav.nyelv-sav--fejlec,
  html[data-onallo="1"] .nyelv-sav.nyelv-sav--fejlec {
    display: flex; flex: none; gap: 6px; max-width: none; margin: 0 0 0 auto; padding: 0;
  }
  /* A sor nem lehet magasabb a szalon nevénél (31 px), különben a heti rács
     lejjebb csúszik: 25 px-es link (WCAG 2.5.8: legalább 24) + 2×2 px
     belső térköz + 2×1 px keret = 31 px. */
  .nyelv-sav--fejlec .nyelv-valto-link { min-height: 25px; padding: 0 10px; }
}
/* A fiók bejárati lapjai (2026-10-15). A belépő, az új jelszó, az aktiváló és
   az ÁSZF-lap egyetlen középre igazított oszlop: a váltó a FoglalGo névjegy
   FÖLÖTT, középen áll. A regisztráció a saját fejlécsorába teszi (ott a lap
   saját stílusa igazítja). */
.nyelv-sav--ajto { margin: 0; }
.nyelv-sav--ajto.nyelv-valto { justify-content: center; }
/* A régi `admin.css` a `--fo-szin`-t kékre állítja; a bejárati lapok
   arculata (ajto.css) terrakotta, a váltó is azt kapja. */
.ajto .nyelv-valto-link[aria-current="true"] {
  background: var(--szin-akcio, #C2482B);
  color: var(--szin-akcio-szoveg, #fff);
}
.ajto .nyelv-valto-link:focus-visible { outline-color: var(--szin-fokusz, #D5583B); }

/* Csak felolvasónak: a rövid váltó teljes nyelvneve. */
.nyelv-rejtett {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Magyarul a hely üres, és semmit nem foglal. */
.nyelv-megjegyzes:empty { display: none; }
.nyelv-megjegyzes {
  display: block;
  margin: 4px 0 6px;
  font-size: var(--szoveg-mellek, 0.8125rem);
  font-style: italic;
  line-height: 1.45;
  color: var(--tinta-lagy, var(--szin-szoveg-masodlagos, #5b5b5b));
}

@media (max-width: 480px) {
  /* Csak a felső sávra: a keskeny lapok sávja és a fejlécsor váltója
     saját térközt kap (fent). */
  .nyelv-sav:not(.nyelv-sav--keskeny):not(.nyelv-sav--fejlec) { padding: 10px 16px 0; }
  .nyelv-valto-link { padding: 0 10px; }
}
@media print { .nyelv-sav { display: none; } }