/* K1 (2026-10): nagłówek, menu mobilne i stopka jak w makiecie K1 final.
   Fonty z biblioteki fontów WP (/wp-content/uploads/fonts/). Klasy z prefiksem k1-, żeby nie mieszać się z dist/app.css. */

@font-face{font-family:'VGE Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/fonts/source-sans-3-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'VGE Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/fonts/source-sans-3-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'VGE Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/uploads/fonts/source-sans-3-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'VGE Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/uploads/fonts/source-sans-3-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'VGE Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/uploads/fonts/source-sans-3-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'VGE Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/uploads/fonts/source-sans-3-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'VGE Head';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/uploads/fonts/montserrat-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'VGE Head';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/uploads/fonts/montserrat-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'VGE Head';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/uploads/fonts/montserrat-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'VGE Head';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/uploads/fonts/montserrat-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'VGE Head';font-style:normal;font-weight:800;font-display:swap;src:url(/wp-content/uploads/fonts/montserrat-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'VGE Head';font-style:normal;font-weight:800;font-display:swap;src:url(/wp-content/uploads/fonts/montserrat-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --k1-ink:#1F1F25; --k1-green:#76B82A; --k1-text:#434547; --k1-muted:#74787C; --k1-bg:#F6F6F6;
  --k1-line-d:rgba(255,255,255,.14); --k1-pad:clamp(16px,4vw,48px); --k1-max:1240px;
  --k1-font:'VGE Sans',system-ui,sans-serif; --k1-head:'VGE Head',system-ui,sans-serif;
}

/* motyw ma „body * { transition: all 500ms }” z wysoką specyficznością – w nagłówku i stopce wyłączamy */
.k1-nav,.k1-nav *,.k1-foot,.k1-foot *{transition:none !important;box-sizing:border-box}

/* ===== nagłówek ===== */
.k1-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:18px var(--k1-pad);color:#fff;font-family:var(--k1-font)}
.admin-bar .k1-nav{top:32px}
@media (max-width:782px){.admin-bar .k1-nav{top:46px}}
.k1-nav.k1-solid{background:rgba(31,31,37,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px var(--k1-pad)}
.k1-nav,.k1-nav.k1-solid{transition:background-color .3s ease,padding .3s ease !important}
.k1-logo{position:relative;z-index:3;flex:0 0 auto}
.k1-logo img{height:38px;width:auto;display:block}
.k1-logo a{color:#fff;font:700 18px/1 var(--k1-head)}
.k1-menu{display:flex;align-items:center;gap:28px;flex:1;justify-content:flex-end}
.k1-nav ul.k1-links{display:flex;gap:28px;list-style:none;margin:0 auto 0 0;padding:0;font:600 14px/1 var(--k1-head);letter-spacing:.06em;text-transform:uppercase}
.k1-nav ul.k1-links li{margin:0;padding:0}
.k1-nav ul.k1-links a{color:#fff;text-decoration:none;position:relative;padding:6px 0;display:inline-block}
.k1-nav ul.k1-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--k1-green);transform:scaleX(0);transform-origin:left;transition:transform .25s ease !important}
.k1-nav ul.k1-links a:hover::after,.k1-nav ul.k1-links .current-menu-item>a::after{transform:scaleX(1)}
.k1-lang{font:600 14px/1 var(--k1-font);color:rgba(255,255,255,.75);white-space:nowrap}
.k1-lang a{color:rgba(255,255,255,.75);text-decoration:none}
.k1-lang a:hover{color:var(--k1-green)}
.k1-lang-on{color:#fff}
.k1-btn{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 20px;border-radius:999px;background:var(--k1-green);color:#fff !important;
  font:600 14px/1 var(--k1-font);text-decoration:none;white-space:nowrap;transition:transform .2s ease !important}
.k1-btn:hover{transform:translateY(-2px)}
.k1-arr{display:inline-block;transition:transform .2s ease !important}
.k1-btn:hover .k1-arr{transform:translateX(4px)}
.k1-mextra{display:none}
.k1-mtoggle{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.k1-burger{display:none;position:relative;z-index:3;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--k1-line-d);cursor:pointer;margin:0}
.k1-burger span{position:absolute;left:13px;right:13px;height:2px;background:#fff;border-radius:1px;transition:transform .3s ease,opacity .2s !important}
.k1-burger span:nth-child(1){top:16px}.k1-burger span:nth-child(2){top:22px}.k1-burger span:nth-child(3){top:28px}

@media (max-width:960px){
  .k1-logo img{height:30px}
  .k1-burger{display:block}
  .k1-lang-desktop{display:none}
  .k1-menu{position:fixed;inset:0;z-index:2;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:28px;padding:96px var(--k1-pad) 40px;background:var(--k1-ink);
    opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease,visibility 0s .3s !important}
  .k1-nav ul.k1-links{flex-direction:column;gap:6px;margin:0;font:800 clamp(34px,10vw,52px)/1.15 var(--k1-head);letter-spacing:-.02em;text-transform:none}
  .k1-nav ul.k1-links a::after{height:4px;bottom:4px}
  .k1-mextra{display:flex;flex-direction:column;gap:8px;font-size:18px;color:rgba(255,255,255,.75)}
  .k1-mextra a{color:rgba(255,255,255,.75);text-decoration:none}
  .k1-cta{height:52px;font-size:16px}
  .k1-mtoggle:checked~.k1-menu{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease !important}
  .k1-mtoggle:checked~.k1-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .k1-mtoggle:checked~.k1-burger span:nth-child(2){opacity:0}
  .k1-mtoggle:checked~.k1-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .k1-mtoggle:focus-visible~.k1-burger{outline:2px solid var(--k1-green);outline-offset:2px}
}
@media (max-width:960px) and (prefers-reduced-motion:no-preference){
  .k1-mtoggle:checked~.k1-menu ul.k1-links li{animation:k1min .45s cubic-bezier(.2,.7,.2,1) both}
  .k1-mtoggle:checked~.k1-menu ul.k1-links li:nth-child(2){animation-delay:.05s}
  .k1-mtoggle:checked~.k1-menu ul.k1-links li:nth-child(3){animation-delay:.1s}
  .k1-mtoggle:checked~.k1-menu ul.k1-links li:nth-child(4){animation-delay:.15s}
  .k1-mtoggle:checked~.k1-menu ul.k1-links li:nth-child(5){animation-delay:.2s}
}
@keyframes k1min{from{transform:translateY(18px);opacity:0}}
body.k1-menu-open{overflow:hidden}
/* backdrop-filter na pasku robi z niego blok zawierający dla position:fixed – przy otwartym menu wyłączamy, żeby menu zajęło cały ekran */
body.k1-menu-open .k1-nav,.k1-nav:has(.k1-mtoggle:checked){-webkit-backdrop-filter:none;backdrop-filter:none}

/* ===== stopka ===== */
.k1-foot{background:var(--k1-ink);color:rgba(255,255,255,.6);padding:80px 0 32px;font:400 16px/1.6 var(--k1-font)}
.k1-wrap{max-width:var(--k1-max);margin:0 auto;padding:0 var(--k1-pad)}
.k1-foot .k1-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font:700 13px/1 var(--k1-font);letter-spacing:.14em;text-transform:uppercase;color:var(--k1-green)}
.k1-foot .k1-eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
.k1-foot .k1-big{font:800 clamp(34px,7vw,92px)/1.02 var(--k1-head);letter-spacing:-.035em;color:#fff;margin:16px 0 56px}
.k1-foot .k1-big a{color:#fff;text-decoration:none;background:linear-gradient(var(--k1-green),var(--k1-green)) 0 100%/0 4px no-repeat;transition:background-size .4s ease !important}
.k1-foot .k1-big a:hover{background-size:100% 4px;color:#fff}
.k1-g{color:var(--k1-green)}
.k1-fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:40px 0;border-top:1px solid var(--k1-line-d)}
.k1-fcols h4,.k1-fcols .k1-fh{margin:0 0 14px;font:700 13px/1 var(--k1-font);letter-spacing:.14em;text-transform:uppercase;color:var(--k1-green)}
.k1-fcols a,.k1-fcols span{display:block;margin-bottom:10px;text-decoration:none;color:rgba(255,255,255,.75);font-size:16px}
.k1-fcols ul{list-style:none;margin:0;padding:0}
.k1-fcols li{margin:0;padding:0}
.k1-foot p{margin:0;max-width:34ch;color:rgba(255,255,255,.6);line-height:1.6}
.k1-flogo{height:38px;width:auto;margin-bottom:18px;display:block}
.k1-foot .k1-row{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;border-top:1px solid var(--k1-line-d);padding-top:24px;font-size:14px}
.k1-foot a:hover{color:var(--k1-green)}
@media (max-width:900px){.k1-fcols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.k1-fcols{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.k1-nav *,.k1-foot *{animation:none !important}}

/* SEO-05: baner cookie (CookieYes przez GTM) na telefonie mniejszym tekstem, by nie wygrywał LCP z nagłówkiem (decyzja Marcela 15.10.2026) */
@media (max-width:768px){.cky-consent-container .cky-notice-des,.cky-consent-container .cky-notice-des p{font-size:12px!important;line-height:1.45!important}}

/* realizacje: app.css dodaje ikonę check każdemu li na .single-realizacje, także w menu K1 */
.single-realizacje .k1-links li::before,.single-realizacje .k1-fmenu li::before{content:none!important;display:none!important}