/* Szyld i stopka serwisu planetapanamisia.pl na stronie galerii 3D.
   Przepisane z /css/sciana.css — po zmianie wyglądu szyldu w serwisie zaktualizować i tutaj
   (źródło: Galeria_3D/narzedzia/zbuduj_paczke.py w archiwum). */
:root { --gutter: clamp(16px, 4vw, 56px); --na-sadzy: #FFFFFF; --na-sadzy-muted: #A9ABB1; --font-main: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif; }
.szyld, .stopka-strony { font-family: var(--font-main); font-size: 1.0625rem; line-height: 1.6; letter-spacing: 0; text-transform: none; }
.szyld *, .stopka-strony * { box-sizing: border-box; }
.szyld .wrap, .stopka-strony .wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.szyld { position: relative; background-color: #000; color: var(--na-sadzy); border-bottom: 1px solid #222; }
.szyld .wrap { display: flex; align-items: center; gap: 12px 32px; flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; }
.szyld-logo { width: 228px; height: 44px; flex: none; background: url(/img/PlanetaPanaMisia_footer.webp) no-repeat -27px -30px / 280px auto; }
.szyld-nav { display: flex; gap: 4px 28px; flex-wrap: wrap; margin-left: auto; margin-right: 190px; }
.szyld-nav a { color: var(--na-sadzy); text-decoration: none; font-weight: 600; padding: 10px 0; border-bottom: 3px solid transparent; }
.szyld-nav a:hover { border-bottom-color: var(--na-sadzy-muted); }
.szyld-nav a[aria-current="page"] { border-bottom-color: #D40000; }
.szyld ~ #custom_lang_switcher { position: absolute; top: 12px; right: var(--gutter); gap: 2px; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; font-family: var(--font-main); z-index: 60; }
.szyld ~ #custom_lang_switcher .lang-btn { font-size: 0.875rem; font-weight: 600; letter-spacing: 0; color: var(--na-sadzy-muted); background: none; border: 0; border-radius: 0; box-shadow: none; padding: 10px 8px; min-height: 44px; transition: none; }
.szyld ~ #custom_lang_switcher .lang-btn:hover { color: var(--na-sadzy); }
.szyld ~ #custom_lang_switcher .lang-btn.active { color: var(--na-sadzy); box-shadow: inset 0 -3px 0 #D40000; }
.stopka-strony { background-color: #000; color: var(--na-sadzy-muted); border-top: 1px solid #222; }
.stopka-strony .wrap { display: flex; flex-wrap: wrap; gap: 16px 40px; align-items: center; justify-content: space-between; padding-top: 28px; padding-bottom: 28px; font-size: 0.9375rem; }
.stopka-strony nav { display: flex; flex-wrap: wrap; gap: 6px 24px; }
.stopka-strony a { color: var(--na-sadzy); }
@media (max-width: 860px) {
  .szyld .wrap { gap: 4px 12px; }
  .szyld-logo { width: 170px; height: 34px; background-position: -20px -22px; background-size: 209px auto; }
  .szyld ~ #custom_lang_switcher { top: 7px; }
  .szyld-nav { order: 3; width: 100%; margin-left: 0; margin-right: 0; flex-wrap: nowrap; overflow-x: auto; gap: 24px; scrollbar-width: none; }
  .szyld-nav a { white-space: nowrap; }
}