/* LamaLocal LT|EN language switcher — shared by lamalocal.lt and lamalocal.com.
   Server-rendered, works without JS, reserves its own height so it cannot shift layout. */
.ll-lang-switch{
  display:flex;align-items:center;gap:2px;
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1;
}
.ll-lang-switch a{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0 10px;
  color:#C9A24A;text-decoration:none;border-radius:8px;
  border:1px solid transparent;transition:color .18s,background .18s,border-color .18s;
}
.ll-lang-switch a:hover,.ll-lang-switch a:focus-visible{
  color:#F3E4BD;background:rgba(201,162,74,.12);border-color:rgba(201,162,74,.38);
}
.ll-lang-switch a:focus-visible{outline:2px solid #C9A24A;outline-offset:2px;}
.ll-lang-switch a.is-active,.ll-lang-switch a[aria-current]{
  color:#0D1F17;background:#C9A24A;border-color:#C9A24A;cursor:default;
}
/* The site header is dark green, so the inactive label stays gold there. Only switch to
   dark ink on genuinely light surfaces, which is where the earlier blanket rule made the
   inactive label dark-on-dark and effectively invisible. */
.ll-lang-switch--in-header a:not(.is-active){color:#C9A24A;}
.ll-lang-switch--in-header a:not(.is-active):hover,
.ll-lang-switch--in-header a:not(.is-active):focus-visible{
  color:#F3E4BD;background:rgba(201,162,74,.14);border-color:rgba(201,162,74,.38);
}
/* Light page backgrounds (article bodies, the former React routes). */
body.lamalocal-unified-page:not(.l3-active) .ll-lang-switch:not(.ll-lang-switch--in-header) a:not(.is-active),
body.google-ads-article .ll-lang-switch:not(.ll-lang-switch--in-header) a:not(.is-active){
  color:#0D1F17;
}
body.lamalocal-unified-page:not(.l3-active) .ll-lang-switch:not(.ll-lang-switch--in-header) a:not(.is-active):hover,
body.google-ads-article .ll-lang-switch:not(.ll-lang-switch--in-header) a:not(.is-active):hover{
  color:#0D1F17;background:rgba(13,31,23,.08);border-color:rgba(13,31,23,.2);
}

/* Standalone placement (article/lesson pages that have no site header of their own):
   pinned top-right, above the page content but never over the sticky header. */
.ll-lang-switch[data-ll-lang-switch]:not(.ll-lang-switch--in-header){
  position:absolute;top:14px;right:16px;z-index:60;
}
/* Inside the shared header built by site-shell.js. */
.ll-lang-switch--in-header{position:static;margin-left:14px;}

@media (max-width:860px){
  .ll-lang-switch[data-ll-lang-switch]:not(.ll-lang-switch--in-header){top:10px;right:10px;}
  .ll-lang-switch a{min-width:44px;padding:0 8px;font-size:12px;}
}
/* In the mobile menu the switcher sits inline with the nav links. */
.ll-mobile-menu .ll-lang-switch,.ll-nav-mobile .ll-lang-switch{
  position:static;margin:14px 0 0;justify-content:flex-start;
}