/* Site footer + country/language switcher - canonical source.
   This is the ONLY copy that should ever be hand-edited. web_root/footer.css,
   web_test/footer.css, and web_group/footer.css are generated copies of this
   file, refreshed by deploy.sh / deploy.yml on every deploy - editing them
   directly will be overwritten on the next deploy. */
:root{
  --footer-surface:#151f2b;
  --footer-line:rgba(255,255,255,.10);
  --footer-text:#e8eef5;
  --footer-muted:#8fa3b8;
  --footer-accent:#4da3ff;
}
/* =========================================================
   SITE FOOTER + COUNTRY / LANGUAGE SWITCHER
   ========================================================= */
.site-footer{
  border-top:1px solid var(--footer-line);
  background:var(--footer-surface);
  padding:24px 24px 28px;
}
.site-footer__inner{
  max-width:1080px;margin:0 auto;
  display:flex;flex-wrap:wrap;gap:16px 24px;
  align-items:center;justify-content:space-between;
}
.site-footer__meta{font-size:13px;color:var(--footer-muted)}
.site-footer__meta a{color:var(--footer-muted)}
.site-footer__meta a:hover{color:var(--footer-text)}

.lang-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lang-switch__label{
  font-size:11px;letter-spacing:.10em;text-transform:uppercase;color:var(--footer-muted);
}
.lang-switch__list{
  display:flex;align-items:center;gap:6px;
  list-style:none;margin:0;padding:0;
}
.lang-switch__link{
  position:relative;display:block;
  width:34px;height:26px;padding:3px;
  border:1px solid transparent;border-radius:6px;
  transition:transform .15s ease,border-color .15s ease,background-color .15s ease;
}
.lang-switch__link:hover,
.lang-switch__link:focus-visible{
  transform:translateY(-2px);
  border-color:var(--footer-line);
  background:rgba(255,255,255,.06);
  outline:none;
}
.lang-switch__link:focus-visible{box-shadow:0 0 0 2px var(--footer-accent)}
.lang-switch__link svg{
  display:block;width:100%;height:100%;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.25) inset;
}
/* active site */
.lang-switch__item[aria-current="true"] .lang-switch__link{
  border-color:var(--footer-accent);
  background:rgba(77,163,255,.12);
  cursor:default;transform:none;
}
/* tooltip */
.lang-switch__link::after{
  content:attr(data-tip);
  position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);
  white-space:nowrap;font-size:12px;line-height:1;
  padding:6px 8px;border-radius:6px;
  background:#0b1219;color:var(--footer-text);border:1px solid var(--footer-line);
  opacity:0;visibility:hidden;transition:opacity .15s ease;
  pointer-events:none;z-index:5;
}
.lang-switch__link:hover::after,
.lang-switch__link:focus-visible::after{opacity:1;visibility:visible}

@media (max-width:560px){
  .site-footer__inner{flex-direction:column;align-items:flex-start}
  .lang-switch{gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .lang-switch__link{transition:none}
  .lang-switch__link:hover{transform:none}
}