/* Selettore lingua — stile Camarin (flag + codice IT/EN), fisso in alto a destra */
:root {
  --gold: #C8963C;
  --gold-lt: #E8C070;
}

.lang-switch-fixed {
  position: fixed;
  top: 8px;
  /* Si allinea al bordo destro della colonna centrale.
     --col-w = larghezza colonna della pagina (default 480px).
     Su mobile resta a 14px dal bordo. */
  right: max(14px, calc(50% - var(--col-w, 480px) / 2));
  z-index: 10000;
}

.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.lang-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 5px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
  border: none;
  line-height: 1;
  transition: opacity 0.2s, color 0.2s;
}

.lang-badge-active {
  color: var(--gold);
  cursor: default;
}

.lang-badge-link {
  color: var(--gold-lt);
  opacity: 0.78;
}

.lang-badge-link:hover {
  opacity: 1;
  color: var(--gold);
}

.lang-badge img {
  width: 22px;
  height: 22px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
  display: block;
}

/* Sfondo chiaro (home grigia, residence) */
.lang-switch-light .lang-badge-active { color: #9a6b1a; }
.lang-switch-light .lang-badge-link { color: #b8860b; opacity: 0.85; }
.lang-switch-light .lang-badge-link:hover { color: #9a6b1a; opacity: 1; }

/* ── Pulsante Home fisso in alto a sinistra (speculare alle bandierine) ── */
.home-fixed {
  position: fixed;
  top: 8px;
  left: max(14px, calc(50% - var(--col-w, 480px) / 2));
  z-index: 10000;
}
.home-fixed a {
  display: inline-flex; align-items: center; gap: 4px;
  background: rgba(255,255,255,.08); color: rgba(255,255,255,.55);
  text-decoration: none; padding: 5px 12px; border-radius: 14px;
  font-size: .76rem; font-weight: 500; border: 1px solid rgba(255,255,255,.18);
  transition: background .2s, color .2s;
}
.home-fixed a:hover { background: rgba(255,255,255,.18); color: rgba(255,255,255,.85); }

/* Variante per sfondo chiaro (es. pagine grigie/prenota) */
.home-fixed-light a {
  background: rgba(123,0,0,.7); color: rgba(255,255,255,.92);
  border: 1px solid rgba(123,0,0,.5);
}
.home-fixed-light a:hover { background: rgba(123,0,0,.85); color: #fff; }