/* gruntowo.pl - przelacznik wersji jasnej / ciemnej (suwak w gornym pasku) */
.motyw-suwak { appearance: none; -webkit-appearance: none; border: 0; background: none; padding: 4px; margin: 0 0 0 1.4rem; cursor: pointer; display: inline-flex; align-items: center; flex-shrink: 0; -webkit-tap-highlight-color: transparent; font: inherit; }
.motyw-suwak:focus { outline: none; }
.motyw-suwak:focus-visible .ms-tor { outline: 2px solid #c9a96e; outline-offset: 3px; }
.ms-tor { position: relative; display: block; width: 60px; height: 30px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background .3s, border-color .3s; }
.motyw-suwak:hover .ms-tor { background: rgba(255,255,255,.24); border-color: #ffffff; }
.ms-tor > svg { position: absolute; top: 50%; width: 14px; height: 14px; margin-top: -7px; fill: none; stroke: #ffffff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
.ms-tor > .ms-i-slonce { left: 8px; }
.ms-tor > .ms-i-ksiezyc { right: 8px; }
.ms-galka { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,.28); display: flex; align-items: center; justify-content: center; transition: transform .35s cubic-bezier(.4,1.35,.5,1), background .3s; }
.ms-galka svg { width: 13px; height: 13px; fill: none; stroke: #9a7536; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ms-galka .ms-i-ksiezyc { display: none; }
html[data-motyw="ciemny"] .ms-galka { transform: translateX(30px); background: #c9a96e; }
html[data-motyw="ciemny"] .ms-galka svg { stroke: #14140f; }
html[data-motyw="ciemny"] .ms-galka .ms-i-slonce { display: none; }
html[data-motyw="ciemny"] .ms-galka .ms-i-ksiezyc { display: block; }
.ms-tekst { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* strona glowna: suwak za menu; na telefonie obok hamburgera */
.nav .nav-links { margin-left: auto; }
@media (max-width: 1360px) { .motyw-suwak { margin-left: 1rem; } }
@media (max-width: 1099px) { .nav .motyw-suwak { margin-left: auto; margin-right: .9rem; } }
@media (max-width: 600px) { .ms-tor { width: 54px; height: 28px; } .ms-galka { width: 20px; height: 20px; } html[data-motyw="ciemny"] .ms-galka { transform: translateX(26px); } .ms-tor > svg { width: 13px; height: 13px; margin-top: -6.5px; } }
/* raport: suwak w pasku z logo */
.topbar .topbtns { align-items: center; }
.topbar .motyw-suwak { margin-left: .4rem; }
html[data-motyw="jasny"] .topbar .ms-tor { background: rgba(154,117,54,.08); border-color: rgba(154,117,54,.5); }
html[data-motyw="jasny"] .topbar .ms-tor > svg { stroke: #9a7536; }
html[data-motyw="jasny"] .topbar .ms-galka { background: #9a7536; }
html[data-motyw="jasny"] .topbar .ms-galka svg { stroke: #ffffff; }
/* zdjecie biura w kontakcie tylko w wersji jasnej */
html[data-motyw="ciemny"] .biuro-foto { display: none !important; }
@media print { .motyw-suwak { display: none !important; } }