/* Выбор языка (login.html, worker.html). Названия языков по очереди плавно появляются и гаснут. */
.lang-bar { display: flex; justify-content: space-between; margin-top: 18px; padding: 0 0 16px; }
.lang-btn { position: relative; background: none; border: 0; padding: 0 0 15px; cursor: pointer; font-family: inherit; -webkit-tap-highlight-color: transparent; }
.lang-flag { display: block; width: 34px; height: 22px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,.18); transition: transform .15s, box-shadow .15s; }
.lang-btn:hover .lang-flag { transform: translateY(-1px); }
.lang-btn:focus-visible .lang-flag { outline: 2px solid #1d4ed8; outline-offset: 2px; }
.lang-name {
  position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  white-space: nowrap; font-size: 10px; line-height: 12px; color: #374151; pointer-events: none;
  opacity: 0; animation: lang-fade 11.2s ease-in-out infinite; animation-delay: calc(var(--i) * 1.6s);
}
@keyframes lang-fade { 0% { opacity: 0; } 5% { opacity: 1; } 9% { opacity: 1; } 14.28% { opacity: 0; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .lang-name { animation: none; opacity: 0; } }