/* ═══════════════════════════════════════════
   PELTOR SERWIS — wspólna nawigacja + footer
   Dołączany na wszystkich podstronach
   ═══════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box}
html{height:auto!important}
body{margin:0;min-height:100vh}
a.w-webflow-badge{display:none!important}

/* ── INFO BAR ── */
.info-bar{
  background:#111;color:#fff;
  height:40px;padding:0 16px;font-size:13px;font-weight:500;
  position:sticky;top:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  gap:10px;flex-wrap:nowrap;
}
.info-bar-dot{
  width:8px;height:8px;background:#4ade80;border-radius:50%;
  flex-shrink:0;animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.6)}
  50%{box-shadow:0 0 0 6px rgba(74,222,128,0)}
}
.info-bar a{color:#4ade80;text-decoration:none;font-weight:700}
.info-bar a:hover{text-decoration:underline}

/* ── NAVBAR ── */
.nav.w-nav{
  background:#fff!important;
  border-bottom:1px solid #ececec!important;
  box-shadow:0 1px 6px rgba(0,0,0,.06)!important;
  position:sticky!important;top:40px!important;z-index:100!important;
}
.nav-container{
  max-width:1200px;margin:0 auto;
  padding:0 32px!important;
  display:flex;align-items:center;justify-content:space-between;
  min-height:60px;
}
.logo{height:36px!important;width:auto!important;display:block}
.nav-menu.w-nav-menu{
  display:flex!important;align-items:center!important;gap:8px!important;
}
.nav-link.w-nav-link{
  font-size:14px!important;font-weight:600!important;
  color:#333!important;letter-spacing:.2px!important;
  padding:8px 14px!important;border-radius:6px!important;
  transition:background .15s,color .15s!important;
  text-decoration:none!important;
}
.nav-link.w-nav-link:hover,
.nav-link.w-nav-link.w--current{background:#f5f5f5!important;color:#111!important}
.btn-01.w-nav-link{
  background:#111!important;color:#fff!important;
  border-radius:8px!important;padding:9px 20px!important;
  font-size:14px!important;font-weight:700!important;
  transition:background .2s!important;text-decoration:none!important;
}
.btn-01.w-nav-link:hover{background:#333!important}
/* Hamburger ukryty na desktopie */
.menu-button.w-nav-button{display:none!important}

/* ── FOOTER ── */
.footer{background:#111!important;color:#aaa!important;padding:56px 0 32px!important}
.footer .container{max-width:1200px;margin:0 auto;padding:0 40px}
.footer-flex-container{display:flex!important;gap:40px!important;flex-wrap:wrap!important}
.footer-image{filter:brightness(0) invert(1)!important;opacity:.9!important;max-width:160px;height:auto}
.adress-rapper{margin-top:16px!important;line-height:1.9!important;font-size:13px!important;color:#999!important}
.adress-rapper>div{color:#fff!important;font-weight:600!important;margin-bottom:4px!important}
.footer-heading{
  font-size:11px!important;font-weight:700!important;letter-spacing:1.5px!important;
  text-transform:uppercase!important;color:#fff!important;margin-bottom:16px!important;margin-top:0!important;
}
.w-list-unstyled{list-style:none;margin:0;padding:0}
.footer-link{
  display:block!important;font-size:13px!important;color:#999!important;
  text-decoration:none!important;margin-bottom:8px!important;transition:color .15s!important;
}
.footer-link:hover{color:#fff!important}
.copyright{
  border-top:1px solid #222!important;margin-top:40px!important;padding-top:24px!important;
  font-size:12px!important;color:#555!important;text-align:center!important;
}

/* ── SCROLL OFFSET ── */
#kontakt-home,#faq,.section-main[id]{scroll-margin-top:116px}

/* ════════════════════════════════
   MOBILE ≤ 767px
   ════════════════════════════════ */
@media(max-width:767px){
  .info-bar{font-size:11px;padding:7px 12px;gap:4px;flex-wrap:wrap;height:auto;flex-direction:column;align-items:center}
  #kontakt-home,#faq,.section-main[id]{scroll-margin-top:110px}

  .nav.w-nav{top:56px!important}
  .nav-container{padding:0 16px!important;min-height:52px}
  /* Ukryj linki nav – zastępuje je overlay po kliknięciu hamburgera */
  .nav-menu.w-nav-menu{display:none!important}

  /* Hamburger widoczny na mobile */
  .menu-button.w-nav-button{
    display:flex!important;
    align-items:center;justify-content:center;
    background:transparent!important;border:none!important;
    padding:8px;cursor:pointer;
  }
  .w-icon-nav-menu{
    display:block;width:22px;height:2px;
    background:#111;border-radius:2px;position:relative;
  }
  .w-icon-nav-menu::before,
  .w-icon-nav-menu::after{
    content:'';position:absolute;left:0;
    width:22px;height:2px;background:#111;border-radius:2px;
  }
  .w-icon-nav-menu::before{top:-7px}
  .w-icon-nav-menu::after{top:7px}

  /* Overlay menu */
  .w-nav-overlay{
    background:#fff!important;
    border-bottom:1px solid #ececec!important;
    box-shadow:0 4px 16px rgba(0,0,0,.10)!important;
  }
  .w-nav-overlay .nav-menu.w-nav-menu{
    display:flex!important;flex-direction:column!important;
    gap:4px!important;padding:12px 16px 20px!important;
    background:#fff!important;
  }
  .w-nav-overlay .nav-link.w-nav-link{
    font-size:16px!important;padding:12px 16px!important;
    border-radius:8px!important;color:#111!important;
    text-align:left!important;
  }
  .w-nav-overlay .btn-01.w-nav-link{
    margin-top:8px!important;text-align:center!important;
    border-radius:8px!important;padding:13px 20px!important;
  }

  .footer .container{padding:0 16px}
  .footer-flex-container{flex-direction:column!important;gap:28px!important}
}

@media(max-width:479px){
  .info-bar{flex-wrap:wrap}
}