/* ===== Medpipe — lekki UI inspirowany italdesign ===== */
:root{--mp-navy:#0a1a2b;--mp-teal:#024d62;--mp-teal2:#0b7488}

/* ---------- Odsloniecie od dolu (BIALE), menu chowane do konca ---------- */
.mp-reveal{position:fixed;inset:0;z-index:1001;background:#fff;transform:translateY(0);transition:transform 1.15s cubic-bezier(.76,0,.24,1)}
.mp-reveal.mp-up{transform:translateY(-100%)}

/* hasla nad hero — wolno, bez nachodzenia */
.mp-hero-words{position:absolute;inset:0;z-index:5;pointer-events:none}
/* kazde haslo wyśrodkowane w tym samym punkcie; widoczne TYLKO jedno na raz (visibility) — zero nakladania */
.mp-hero-words .w{position:absolute;left:50%;top:50%;width:min(1080px,86vw);transform:translate(-50%,calc(-50% + 14px));text-align:center;line-height:1.12;color:#fff;font-size:clamp(20px,3.5vw,44px);font-weight:300;letter-spacing:4px;text-transform:uppercase;opacity:0;visibility:hidden;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.85,.2,1)}
.mp-hero-words .w.on{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.mp-hero-words .w.off{opacity:0;visibility:visible;transform:translate(-50%,calc(-50% - 14px))}

/* ---------- Header (pojawia sie po odslonieciu, tlo wg sekcji) ---------- */
.mp-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:transparent;opacity:0;transition:opacity .7s ease,background .4s ease,box-shadow .4s ease,padding .4s ease}
.mp-header.mp-ready{opacity:1}
/* tlo + cien ustawia inline JS — menu zlane z kolorem sekcji */
.mp-header-inner{display:flex;align-items:center;gap:26px;max-width:1380px;margin:0 auto;padding:0 46px;box-sizing:border-box;width:100%}

.mp-logo{display:block;line-height:0}
.mp-logo img{height:30px;width:auto;display:block}
.mp-logo .mp-logo-dark{display:none}
.mp-header.mp-light .mp-logo .mp-logo-light{display:none}
.mp-header.mp-light .mp-logo .mp-logo-dark{display:block}

.mp-nav{display:flex;gap:30px;margin-left:auto}
.mp-nav a{color:#fff;text-transform:uppercase;font-size:11.5px;letter-spacing:1.6px;font-weight:500;text-decoration:none;opacity:.85;transition:opacity .25s ease;white-space:nowrap}
.mp-nav a:hover{opacity:1;text-decoration:none}
.mp-header.mp-light .mp-nav a{color:#16222e}

.mp-actions{display:flex;align-items:center;gap:16px}
.mp-contact{background:#fff;color:var(--mp-navy);border:0;border-radius:30px;padding:7px 14px;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;font-weight:700;transition:none;white-space:nowrap}
.mp-contact:hover{background:var(--mp-teal);color:#fff;text-decoration:none}
.mp-header.mp-light .mp-contact{background:var(--mp-teal);color:#fff}
.mp-header.mp-light .mp-contact:hover{background:var(--mp-navy)}

.mp-search{background:none;border:0;color:#fff;cursor:pointer;font-size:15px;padding:4px;line-height:1;transition:transform .2s ease}
.mp-search:hover{transform:scale(1.14)}
.mp-header.mp-light .mp-search{color:#16222e}
.mp-burger{display:none;background:none;border:0;color:#fff;font-size:20px;cursor:pointer;padding:4px}
.mp-header.mp-light .mp-burger{color:#16222e}

/* search overlay */
.mp-search-overlay{position:fixed;inset:0;z-index:1100;background:rgba(10,26,43,.97);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s ease}
.mp-search-overlay.mp-open{opacity:1;visibility:visible}
.mp-search-overlay form{width:min(680px,86vw)}
.mp-search-overlay input{width:100%;background:none;border:0;border-bottom:2px solid rgba(255,255,255,.3);color:#fff;font-size:clamp(22px,4vw,36px);font-weight:300;padding:16px 0;outline:none;letter-spacing:1px}
.mp-search-overlay input::placeholder{color:rgba(255,255,255,.4)}
.mp-search-close{position:absolute;top:24px;right:30px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer;line-height:1}

/* ---------- Hero ---------- */
.mp-scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;opacity:.6;font-size:22px;animation:mpBob 1.8s ease-in-out infinite;z-index:5}
@keyframes mpBob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,9px)}}

/* ---------- Ciemna sekcja = full screen ---------- */
.mp-section-full{min-height:100vh;display:flex;align-items:center}
.mp-section-full > .container{width:100%}

/* ---------- Stonowane przyciski (kolor morski / granat) ---------- */
.btn-brown{background:var(--mp-navy)!important;border-color:var(--mp-navy)!important;box-shadow:none!important}
.btn-brown:hover{background:#16344a!important}
.btn-primary{background:var(--mp-teal)!important;border-color:var(--mp-teal)!important;box-shadow:none!important}
.btn-primary:hover{background:var(--mp-teal2)!important}
.text-color-primary{color:var(--mp-teal)!important}
.bg-primary{background-color:var(--mp-teal)!important}

/* ---------- Footer language switcher ---------- */
.mp-footer-lang{display:flex;align-items:center;gap:10px;justify-content:center;font-size:12px;letter-spacing:1px}
.mp-footer-lang span.lbl{color:#fff;opacity:.4;text-transform:uppercase;letter-spacing:2px;font-size:11px;margin-right:4px}
.mp-footer-lang a{color:#fff;opacity:.55;text-decoration:none;font-weight:600;transition:opacity .2s}
.mp-footer-lang a:hover{opacity:.9}
.mp-footer-lang a.mp-active{opacity:1;color:var(--mp-teal2)}
.mp-footer-lang .sep{opacity:.25;color:#fff}

/* ---------- Mobile ---------- */
@media(max-width:1100px){
  .mp-header-inner{padding:0 22px;gap:14px}
  .mp-nav,.mp-actions{display:none}        /* schowaj CALY blok akcji, nie tylko kontakt — burger zostaje na ekranie */
  .mp-burger{display:block;margin-left:auto}
  body.mp-mobile-open .mp-nav{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--mp-navy);flex-direction:column;gap:0;padding:90px 30px;z-index:1050;box-shadow:-10px 0 40px rgba(0,0,0,.35)}
  body.mp-mobile-open .mp-nav a{color:#fff!important;opacity:1;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;letter-spacing:2px}
  body.mp-mobile-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1040}
  .mp-section-full{min-height:auto}
  .mp-hero-words .w{font-size:26px;letter-spacing:3px}
  .mp-search-close{top:18px;right:18px}
}
@media(max-width:575px){
  .mp-logo img{height:26px}
  .mp-header{padding:12px 0}
}

/* ===== v9 — spojnosc kolorow (zero jaskrawego niebieskiego / czerwonego) ===== */
a{color:var(--mp-teal)}
a:hover{color:var(--mp-navy)}
::selection{background:var(--mp-teal);color:#fff}
::-moz-selection{background:var(--mp-teal);color:#fff}
.text-primary,.color-primary,.text-color-primary{color:var(--mp-teal)!important}
.text-color-hover-primary:hover,.text-hover-primary:hover{color:var(--mp-teal)!important}
.bg-primary{background-color:var(--mp-teal)!important}
.btn-primary{background:var(--mp-teal)!important;border-color:var(--mp-teal)!important;box-shadow:none!important}
.btn-primary:hover,.btn-primary:focus{background:var(--mp-teal2)!important;border-color:var(--mp-teal2)!important}
/* czerwona strzalka w kolku -> morski / granat */
.btn-with-arrow-solid span{background-color:var(--mp-teal)!important}
.btn-brown.btn-with-arrow-solid span,.btn-dark.btn-with-arrow-solid span{background-color:var(--mp-navy)!important}
.btn-with-arrow-solid span i{color:#fff!important}
/* tresci z bazy danych: inline rgb(0,136,204)/rgb(125,64,64) -> marka */
.n-header [style],.n-header h1,.n-header h2,.n-header h3,.n-header h4,
.aktualnosci-post-content [style*="136, 204"],.aktualnosci-post-content [style*="125, 64"],
.post-content [style*="136, 204"],.post-content [style*="125, 64"]{color:var(--mp-navy)!important}
.n-content a,.n-url,.post-content a,.aktualnosci-post-content a{color:var(--mp-teal)!important}

/* ===== v9 — jednolite, delikatne cienie kart (koniec artefaktow) ===== */
.box-shadow-1,.box-shadow-2,.box-shadow-3,.box-shadow-8{box-shadow:0 6px 22px rgba(10,26,43,.07)!important}
.section-angled .section-angled-layer-top,.section-angled .section-angled-layer-bottom{box-shadow:none!important}
/* Porto box-shadow-*/feature-box-style-2 maja na ::before wielki szary cien (rgb(187,187,187) 0 30px 90px) — nakladajace sie cienie kart tworza brzydki "swoosh". Wylacz go wszedzie (karta zachowuje swoj wlasny, delikatny box-shadow). */
html body [class*="box-shadow"]::before,html body [class*="box-shadow"]::after,html body .feature-box-style-2::before,html body .feature-box-style-2::after{box-shadow:none!important}
/* czysty cien kart — JS (mp-ui.js) podmienia Porto box-shadow-1..8 na te klase (Porto ::before juz nie pasuje) */
.mp-card-shadow{box-shadow:0 6px 22px rgba(10,26,43,.07)}
.mp-card-shadow::before,.mp-card-shadow::after{box-shadow:none!important}

/* ===== v9 — podstrony: odstep pod stalym (fixed) menu, gdy brak ciemnego bannera ===== */
.mp-pad-top{padding-top:96px!important}
@media(max-width:575px){.mp-pad-top{padding-top:78px!important}}

/* ===== v11 — koniec poziomego przewijania na mobile (bialy pasek z prawej) ===== */
html,body{overflow-x:hidden}
body{max-width:100%;position:relative}
@media(max-width:991px){
  .cascading-images-wrapper,.cascading-images{overflow:hidden}
}

/* ===== v11 — scrollowalne kategorie w strefie sprezarek (lewy sidebar) ===== */
@media(min-width:992px){
  #sidebar{max-height:calc(100vh - 84px);overflow-y:auto;overflow-x:hidden}
}