/* Przełącznik języka (od 2026-10-16) - ten sam znacznik i zachowanie co na stronie Task Managera
   (build-subpages.mjs languageMenu, site-shell.css): kula, kod języka, strzałka; menu z nazwami języków.
   W belce u góry tylko na szerokim ekranie (jak w TM - na telefonie wybór języka jest w stopce), w stopce zawsze.
   Ładowany na landingu, stronie „dziękujemy” i stronach bloga (GLOWA_STYLE); selektory mocniejsze niż blog-shell.css. */
.shell-language{position: relative; flex: 0 0 auto;}
.site-header.shell-header .shell-language-button,
.site-footer.shell-footer .shell-language-button{min-height: 34px; display: inline-flex; align-items: center; gap: 7px; padding: 0 10px; border: 0; border-radius: 980px; background: transparent; color: var(--ink, #1d1d1f); cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 1;}
.site-header.shell-header .shell-language-button:hover{background: var(--soft, #f5f5f7);}
.shell-language .shell-globe{display: inline-block; width: 15px; height: 15px; color: #86868b;}
.shell-language .shell-globe svg{display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round;}
.shell-language .shell-chevron{display: inline-block; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg);}
.shell-language-button[aria-expanded="true"] .shell-chevron{transform: translateY(2px) rotate(225deg);}
.shell-language .shell-language-menu{position: absolute; z-index: 130; top: calc(100% + 9px); right: 0; width: 190px; max-height: 360px; padding: 8px; overflow-y: auto; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 12px 40px rgba(0, 0, 0, .16), 0 0 0 .5px rgba(0, 0, 0, .06);}
.shell-language .shell-language-menu[hidden]{display: none;}
.shell-language .shell-language-menu a{display: block; padding: 9px 10px; border-radius: 9px; color: var(--ink, #1d1d1f); font-size: 13px; font-weight: 400; text-decoration: none;}
.shell-language .shell-language-menu a:hover{background: var(--soft, #f5f5f7); color: var(--ink, #1d1d1f);}
.shell-language .shell-language-menu a[aria-current="true"]{font-weight: 600;}
/* stopka: ciemne tło - jasny przycisk, menu otwiera się do góry */
.site-footer.shell-footer .footer-brand-block .shell-language{display: inline-block; margin-top: 22px;}
.site-footer.shell-footer .footer-brand-block .shell-language-button{border: 1px solid rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .86);}
.site-footer.shell-footer .footer-brand-block .shell-language-button:hover{background: rgba(255, 255, 255, .08);}
.site-footer.shell-footer .footer-brand-block .shell-globe{color: rgba(255, 255, 255, .7);}
.site-footer.shell-footer .footer-brand-block .shell-language-menu{top: auto; right: auto; bottom: calc(100% + 9px); left: 0;}
@media (max-width: 900px) {
  .shell-nav > .shell-language{display: none;}
}