/* ==========================================================================
   Preklop jezika (SL/EN/DE) — zastavice vedno vidne, na dnu strani (v nogi).
   Po prehodu na jezikovne poti so to POVEZAVE na ustreznico iste strani v
   drugem jeziku, ne vec gumbi: aria-current namesto aria-pressed.
   Barve prek žetonov var(--mib-*) iz mibesis.css.
   ========================================================================== */
.noga__jezik {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
  flex-wrap: wrap;
}
.noga__jezik .oznaka-mini {
  font-size: 0.76rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--mib-sekundarno);
}

.jezik {
  display: inline-flex;
  flex-wrap: wrap;   /* rezerva: cetrta povezava naj se prelomi, ne odreze —
                        body ima overflow-x: hidden (slog.css:19) */
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--mib-crta);
  border-radius: 11px;
  background: var(--mib-povrsina);
}
.jezik a {
  display: inline-flex; align-items: center; gap: 0.45rem;
  padding: 0.4rem 0.7rem;
  font: inherit; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.04em;
  color: var(--mib-sekundarno);
  background: transparent; border: 0; border-radius: 8px; cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.jezik a:hover { color: var(--mib-crnilo); }
.jezik a[aria-current="true"] {
  background: color-mix(in srgb, var(--mib-akcent) 16%, transparent);
  color: var(--mib-akcent);
}


.jezik .zastava {
  width: 22px; height: 15px; border-radius: 2px; flex: none;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--mib-crnilo) 12%, transparent) inset;
}

/* Ozki zasloni: preklopnik v mrezo po dva.
   flex-wrap zgoraj poskrbi, da se nikoli ne odreze (body ima overflow-x: hidden),
   a da neenakomerne vrste — pri stirih jezikih 3+1. Mreza da predvidljivo sliko
   in raste sama: 4 jeziki 2x2, 6 jezikov 3x2, 10 jezikov 5x2.
   Meja 400px, ne 560px: pri 560px je .ovoj sirok 520px in stiri povezave z
   zastavicami (~300px) se udobno vklopijo v eno vrsto. Zalomi se okrog 340px. */
@media (max-width: 400px) {
  .jezik { display: grid; grid-template-columns: 1fr 1fr; }
  .jezik a { justify-content: center; }
}