/* Poprawki pozycjonowaniestronwloclawek.pl — plik tworzony automatycznie przez update.php */

/* Nagłówek z logo i menu przyklejony u góry na wszystkich urządzeniach.
   Na komputerze ciemny pasek z telefonem chowa się przy przewijaniu, a logo i menu zostają. */
html{overflow-x:hidden}
body{overflow-x:visible!important}
@supports (overflow:clip){html,body{overflow-x:clip!important}}
header.hd-d,header.hd-m{position:-webkit-sticky!important;position:sticky!important;z-index:80!important;box-shadow:0 2px 12px rgba(6,20,22,.06)}
header.hd-d{top:-42px!important}
header.hd-m{top:0!important}
html{scroll-padding-top:150px}
@media (max-width:1239px){html{scroll-padding-top:100px}}

/* Menu na komputerze (od 1240 px): wszystkie podstrony widoczne —
   logo i przyciski w górnym rzędzie, pełne menu w drugim rzędzie */
@media (min-width:1240px){
  header.hd-d>div:last-of-type{flex-wrap:wrap!important;min-height:0!important;padding-top:10px!important;gap:0 20px!important}
  header.hd-d>div:last-of-type>a:first-child{order:1}
  header.hd-d>div:last-of-type>nav+div{order:2;margin-left:auto}
  header.hd-d nav[aria-label="Menu główne"]{order:3;flex:1 1 100%;justify-content:space-between;flex-wrap:wrap;margin-top:10px;border-top:1px solid #ECECEC;gap:0!important}
  header.hd-d nav[aria-label="Menu główne"]>a{padding:12px 6px 11px!important;border-radius:0!important;background:transparent!important;border-bottom:3px solid transparent;font-size:15px!important}
  header.hd-d nav[aria-label="Menu główne"]>a:hover{background:transparent!important;color:#2B8A8F!important;border-bottom-color:#DADADA}
  header.hd-d nav[aria-label="Menu główne"]>a[aria-current="page"]{color:#1F6F73!important;border-bottom-color:#2B8A8F}
}

/* Menu na telefonie i tablecie: pełna lista, przewijana, nie zasłania jej dolny pasek */
#menu-mobilne{max-height:calc(100vh - 85px)!important;max-height:calc(100dvh - 85px)!important;overscroll-behavior:contain}
#menu-mobilne>a[aria-current="page"]{background:#F5F5F5;border-radius:6px;padding-left:10px;padding-right:10px}
body:has(#menu-mobilne:not([hidden])) .mbar{display:none!important}
@media (max-width:360px){header.hd-m a[aria-label] span span:first-child{font-size:13px!important}header.hd-m a[aria-label] span span:last-child{font-size:18px!important}header.hd-m a[aria-label] img{width:52px!important;height:52px!important}}

/* Formularz */
.pc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0}
.lf-ok[hidden],[data-kind][hidden]{display:none!important}
.pc-err{margin:0;padding:12px 14px;border:1px solid #F1C6C3;background:#FDF3F2;border-radius:10px;font-size:15px;line-height:1.5;color:#B3261E}
.pc-err a{color:#B3261E;font-weight:600}

/* Adres e-mail: zawsze w całości i w jednej linii — czcionka dopasowuje się do szerokości boksu */
main p:has(a[href^="mailto:"]),main td:has(a[href^="mailto:"]),footer address{container-type:inline-size}
main a[href^="mailto:"],footer a[href^="mailto:"]{display:inline-block;white-space:nowrap!important;max-width:100%;vertical-align:bottom;font-size:min(1em,calc(100cqi / 24))}
@media (max-width:600px){
  main table td[style*="width: 42%"]{display:block;width:auto!important;padding-bottom:0!important}
  main table td[style*="width: 42%"]+td{display:block;padding:2px 22px 12px!important}
}

/* Długie słowa nigdy nie wychodzą poza boksy */
main,footer,aside{overflow-wrap:break-word}
main [style*="display: grid"]>*,main [style*="display: flex"]>*,footer [style*="display: grid"]>*{min-width:0}
footer address>span:first-child{flex-wrap:nowrap;align-items:center}
footer address>span:first-child>span:last-child{min-width:0;line-height:1.2}

/* Zdjęcia: pełne, bez przycinania, z zachowaniem proporcji */
main img:not([width="96"]):not([width="160"]):not([style*="position: absolute"]):not([style*="width: auto"]){height:auto!important;max-width:100%;object-fit:contain!important}
main img[loading="lazy"]:not([width="96"]):not([style*="width: auto"]){background:#F5F5F5}

/* Tabele na telefonie: bez przewijania w bok i bez uciętych kolumn */
@media (max-width:640px){main table.pc-fit{min-width:0!important}}
@media (max-width:800px){
  main table.pc-stack{min-width:0!important}
  main table.pc-stack thead{display:none}
  main table.pc-stack,main table.pc-stack tbody,main table.pc-stack tr,main table.pc-stack th,main table.pc-stack td{display:block;width:100%!important}
  main table.pc-stack tr{padding:12px 16px;border-bottom:1px solid #ECECEC}
  main table.pc-stack tr:last-child{border-bottom:0}
  main table.pc-stack td,main table.pc-stack th{display:flex;justify-content:space-between;gap:14px;padding:4px 0!important;text-align:right!important;background:transparent!important;border:0!important}
  main table.pc-stack td::before,main table.pc-stack th::before{content:attr(data-label);text-align:left;color:#6E6E6E;font-weight:500;flex:0 1 45%}
  main table.pc-stack tr>:first-child{display:block;text-align:left!important;font-weight:600;font-size:18px;padding-bottom:6px!important}
  main table.pc-stack tr>:first-child::before{display:none}
  main table.pc-stack td{overflow-wrap:break-word;hyphens:auto}
}
@media (max-width:480px){
  main table.pc-stack td,main table.pc-stack th{gap:10px;font-size:16px!important}
  main table.pc-stack td::before,main table.pc-stack th::before{font-size:14.5px;flex:0 0 40%}
}

/* Płynne przejścia między podstronami */
@view-transition{navigation:auto}
header.hd-d{view-transition-name:pc-hd-d}
header.hd-m{view-transition-name:pc-hd-m}
::view-transition-old(root){animation:pc-out .2s ease both}
::view-transition-new(root){animation:pc-in .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes pc-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes pc-in{from{opacity:0;transform:translateY(8px)}}
.no-vt main,.no-vt footer,.no-vt aside{animation:pc-in .32s cubic-bezier(.2,.7,.2,1) both}
.no-vt.is-leaving main,.no-vt.is-leaving footer,.no-vt.is-leaving aside{opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}

/* ======================= Kolorystyka: gradient morski (turkus + ciemna zieleń morska), nowoczesny wygląd ======================= */
@font-face{font-family:'Rethink Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/rethink-sans-latin-ext.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:'Rethink Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/rethink-sans-latin.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{--wl-o1:#34A5AB;--wl-o2:#2B8A8F;--wl-o3:#1F6F73;--wl-k0:#061416;--wl-k1:#0B2B2E;--wl-k2:#0D3B3E;--wl-line:#E5E7EB;--wl-grad:linear-gradient(135deg,#34A5AB 0%,#2B8A8F 50%,#1F6F73 100%);--wl-dark:linear-gradient(135deg,#061416 0%,#0B2B2E 60%,#0D3B3E 100%);--wl-sh:0 1px 2px rgba(6,20,22,.04),0 8px 24px -12px rgba(6,20,22,.14)}
body{background:#F6F8F8!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#5CE0E6;color:#061416}

/* Nagłówki: bez przesadnie dużych czcionek */
main h1{font-size:clamp(28px,3.4vw,44px)!important;line-height:1.12!important;text-shadow:none!important}
main h2{font-size:clamp(22px,2.3vw,30px)!important;letter-spacing:-.015em}

/* Przyciski: turkusowy gradient */
a[style*="background: #2B8A8F"],button[style*="background: #2B8A8F"],a[style*="background-color: #2B8A8F"],button[style*="background-color: #2B8A8F"]{background:var(--wl-grad)!important;border-radius:10px!important;box-shadow:0 8px 20px -10px rgba(43,138,143,.7);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
a[style*="background: #2B8A8F"]:hover,button[style*="background: #2B8A8F"]:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(43,138,143,.8)}
.h2:hover,.h3:hover{background:var(--wl-grad)!important;color:#fff!important}
.h0:hover{background:#EEF6F6!important;color:#1F6F73!important}
.h4:hover{background:#fff!important;color:#1F6F73!important}
.h6:hover{background:#061416!important}
.h7:hover{border-color:#2B8A8F!important;color:#1F6F73!important}

/* Nagłówek strony */
header.hd-d,header.hd-m{background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--wl-line)!important}
header.hd-d img[src*="sygnet"],header.hd-m img[src*="sygnet"]{border-radius:12px}

/* Sekcje nagłówkowe (hero): ciemny gradient, treść wyśrodkowana w pionie, kontrastowy tekst */
main>section:first-child{background:var(--wl-dark)!important}
main>section:first-child>img[aria-hidden="true"]{filter:grayscale(.35) contrast(1.05)}
main>section:first-child>div:last-child{align-items:center!important}
main>section:first-child>div:last-child>div{align-self:center!important}
main>section:first-child::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;z-index:3;background:linear-gradient(90deg,#5CE0E6,#2B8A8F 45%,transparent)}
main>section:first-child a[style*="border: 1.5px solid #fff"],main>section:first-child a[style*="border: 1.5px solid #FFFFFF"]{border-radius:10px!important}

/* Karty, boksy, tabele: zaokrąglone, delikatny cień */
main [style*="border: 1px solid #E2E5E9"],main [style*="border: 1px solid #E9EBEE"],main [style*="border: 1px solid #E3E5E8"]{border-color:var(--wl-line)!important;border-radius:14px!important}
main div[style*="border: 1px solid #E2E5E9"][style*="background: #FFFFFF"],main div[style*="border: 1px solid #E9EBEE"][style*="background: #FFFFFF"],main article[style*="border: 1px solid"]{box-shadow:var(--wl-sh)}
main table{border-radius:14px;overflow:hidden}
main thead th,main thead td{background:#0B2B2E!important;color:#fff!important}

/* Sekcja z formularzem (CTA): czarny gradient z turkusową poświatą */
section#formularz{background-color:#061416!important}
section#formularz [style*="background: #FFFFFF"],section#formularz [style*="background: #fff"]{border-radius:16px!important}

/* Stopka: czarny gradient */
footer.ft{background:radial-gradient(ellipse at 0% 0%,rgba(43,138,143,.18) 0%,rgba(43,138,143,0) 45%),linear-gradient(160deg,#061416 0%,#0B2B2E 70%,#0D3B3E 100%)!important;border-top:3px solid transparent;border-image:linear-gradient(90deg,#5CE0E6,#2B8A8F 45%,#061416) 1}
footer.ft a{text-decoration:none!important;transition:color .15s}
footer.ft a:hover{color:#5CE0E6!important}
footer.ft ul a{color:#CBD5E1!important}

/* Pasek na dole ekranu (telefon) */
.mbar{background:rgba(6,20,22,.96)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* Linki w treści */
main p a:not([style*="background"]),main li a:not([style*="background"]){text-decoration-color:rgba(43,138,143,.45)!important;text-underline-offset:3px}
main h2[style*="color: #4A4A4A"],main h3[style*="color: #4A4A4A"],main h4[style*="color: #4A4A4A"]{color:#1F2A33!important}