/* ============================================================
   Hosty Stay · przełącznik języków (wspólny)

   Samowystarczalny (własne wartości, bez tokenów strony): ładują go zarówno
   strony na styles.css (index, apartament), jak i strony z własnym nagłówkiem
   z shared/site-header.js (apartamenty, grupa, obiekt, lux, strzelecka15).

   Zwijany, bo 7 języków w jednym pasku rozpychało nagłówek i łamało nawigację.
   Wszystkie języki zostają w DOM jako <a> — Google widzi cały klaster hreflang.
   ============================================================ */
/* Baza .lang-b — MUSI być tutaj, nie w styles.css: strony z własnym nagłówkiem
   (apartamenty, grupa, obiekt, lux, strzelecka15) nie ładują styles.css, więc bez tego
   przełącznik renderuje szare, domyślne przyciski przeglądarki (buttonface). */
.lang-b {
  appearance: none; -webkit-appearance: none;
  background: none; border: 0; margin: 0; cursor: pointer;
  font-family: "Inter", system-ui, sans-serif; font-weight: 600;
  color: rgba(245,241,234,.75); text-align: left; text-decoration: none;
  transition: color .3s cubic-bezier(.4,0,.2,1), background .3s cubic-bezier(.4,0,.2,1);
}

/* ---------- Przełącznik ----------
   Wcześniej 7 przycisków obok siebie rozpychało nagłówek i łamało pozycje nawigacji
   („Für Eigentümer" na dwie linie). Teraz widoczny jest tylko bieżący język; reszta w panelu.
   Linki zostają realnymi <a> w DOM — Google je widzi (klaster hreflang), a pasek się nie rozjeżdża. */
.lang { position: relative; padding: 0; border: 0; }
.lang-cur {
  display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
  font-family: "Inter", system-ui, sans-serif; font-size: .72rem; font-weight: 600; letter-spacing: .08em;
  color: rgba(245,241,234,.85); background: none; cursor: pointer;
  border: 1px solid rgba(245,241,234,.2); border-radius: 99px; padding: 6px 12px;
  transition: color .3s cubic-bezier(.4,0,.2,1), border-color .3s cubic-bezier(.4,0,.2,1);
}
.lang-cur:hover { color: #F5F1EA; border-color: #C9A961; }
.lang-cur .caret { font-size: .6em; opacity: .7; transition: transform .25s cubic-bezier(.4,0,.2,1); }
.lang.is-open .lang-cur .caret { transform: rotate(180deg); }
.lang-pop {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 60;
  display: none; min-width: 170px; padding: 6px;
  background: #1a1416; border: 1px solid rgba(245,241,234,.2); border-radius: 12px;
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
}
.lang.is-open .lang-pop { display: block; }
.lang-pop .lang-b {
  display: flex; align-items: center; gap: 9px; width: 100%;
  padding: 8px 10px; border-radius: 8px; text-decoration: none; white-space: nowrap;
  font-size: .78rem; letter-spacing: .04em; color: rgba(245,241,234,.75);
}
.lang-pop .lang-b:hover { background: rgba(245,241,234,.08); color: #F5F1EA; }
.lang-pop .lang-b.is-on { color: #C9A961; }
.flag-e { font-size: 1.05em; line-height: 1; }
/* Nawigacja: pozycje nie łamią się na dłuższych językach (DE/FR mają dłuższe etykiety). */
.hdr nav a { white-space: nowrap; }
.hh-nav a { white-space: nowrap; }