/* ====== ITS TRANS - style witryny (uzupelnienie wspolnego style.css) ====== */

/* --- nawigacja z menu --- */
nav .wrap{gap:20px;}
.logo{text-decoration:none;color:inherit;flex-shrink:0;}
.nav-menu{display:flex;align-items:center;gap:22px;margin-left:auto;}
.nav-menu a{font-size:14.5px;font-weight:600;color:var(--text-secondary);text-decoration:none;
  padding:6px 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;white-space:nowrap;}
.nav-menu a:hover{color:var(--ink);}
.nav-menu a.on{color:var(--blue);border-bottom-color:var(--blue);}
.nav-cta{margin-left:0;}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:9px 11px;cursor:pointer;color:var(--ink);margin-left:auto;}
.nav-toggle .ic-svg{width:20px;height:20px;}

@media (max-width:1100px){
  .nav-menu{gap:16px;}
  .nav-menu a{font-size:13.5px;}
  .nav-cta .phone-link{display:none;}
}
@media (max-width:900px){
  .nav-toggle{display:flex;}
  .nav-cta{display:none;}
  .nav-menu{position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;
    align-items:stretch;gap:0;padding:8px 24px 18px;border-bottom:1px solid var(--line);
    box-shadow:var(--shadow-lg);display:none;margin-left:0;}
  .nav-menu.open{display:flex;}
  .nav-menu a{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;}
  .nav-menu a:last-child{border-bottom:none;}
  .nav-menu .btn{margin-top:12px;justify-content:center;}
  nav{position:relative;}
}

/* --- naglowek podstrony --- */
.pagehead{background:var(--blue-soft);padding:54px 0 48px;border-bottom:1px solid var(--line);}
.pagehead .wrap{max-width:860px;}
.pagehead h1{font-size:clamp(29px,4vw,44px);line-height:1.12;margin-bottom:16px;}
.pagehead p{font-size:17px;line-height:1.65;color:var(--text-secondary);}
.crumbs{font-size:13.5px;color:var(--text-muted);margin-bottom:18px;}
.crumbs a{color:var(--text-secondary);text-decoration:none;}
.crumbs a:hover{color:var(--blue);}

/* --- tresc tekstowa podstron --- */
.prose{max-width:760px;}
.prose h2{font-size:clamp(23px,2.6vw,30px);margin:42px 0 14px;line-height:1.2;}
.prose h3{font-size:19px;margin:28px 0 10px;}
.prose p{font-size:16.5px;line-height:1.75;color:var(--text-secondary);margin-bottom:16px;}
.prose ul{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
.prose ul li{position:relative;padding-left:28px;font-size:16px;line-height:1.65;color:var(--text-secondary);}
.prose ul li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;
  background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft);}
.prose a{color:var(--blue);font-weight:600;}
.prose strong{color:var(--ink);}

/* --- karta CTA w tresci --- */
.cta-card{background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:36px 34px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin:44px 0 0;}
.cta-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;margin-bottom:8px;color:#fff;}
.cta-card p{color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;margin:0;max-width:520px;}
.cta-card .cta-btns{display:flex;gap:11px;flex-wrap:wrap;}
.cta-card .btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;}
.cta-card .btn-ghost:hover{background:rgba(255,255,255,.16);}

/* --- blog --- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.post-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:26px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;
  transition:transform .2s ease,box-shadow .2s ease;}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.post-meta{font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--blue);}
.post-card h3{font-size:18.5px;line-height:1.3;}
.post-card p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0;flex:1;}
.post-more{font-size:14px;font-weight:700;color:var(--blue);}
@media (max-width:900px){.post-grid{grid-template-columns:1fr;}}

/* --- stopka: dodatkowa kolumna --- */
.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr;}}
.foot-links a{text-decoration:none;}

/* --- hero na witrynie: kolumna CTA zamiast kreatora --- */
.hero-cta{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);padding:32px 30px;align-self:start;}
.hero-cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;margin-bottom:10px;}
.hero-cta > p{font-size:15.5px;line-height:1.65;color:var(--text-secondary);margin-bottom:20px;}
.hero-cta-list{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:11px;}
.hero-cta-list li{position:relative;padding-left:27px;font-size:15px;line-height:1.5;color:var(--ink);}
.hero-cta-list li::before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;
  background:var(--green);box-shadow:0 0 0 4px var(--green-soft);}
.hero-cta-btns{display:flex;flex-direction:column;gap:10px;}
.hero-cta-btns .btn{width:100%;justify-content:center;}
@media (max-width:960px){.hero-cta{padding:26px 22px;}}

/* --- strona kontaktu --- */
.kontakt-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:start;}
.kontakt-dane h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:21px;margin-bottom:10px;}
.kontakt-dane > p{font-size:15.5px;line-height:1.6;color:var(--text-secondary);margin-bottom:18px;}
.kontakt-dane .btn{width:100%;justify-content:center;margin-bottom:10px;text-decoration:none;}
.kontakt-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);
  padding:20px 22px;margin-top:16px;}
.kontakt-box h3{font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  color:var(--text-secondary);margin-bottom:9px;}
.kontakt-box p{font-size:15.5px;line-height:1.6;color:var(--ink);margin:0;}
.kontakt-box a{color:var(--blue);font-weight:600;}
.kontakt-nip{font-size:13.5px;color:var(--text-muted);}
.kontakt-tip{background:var(--blue-soft);border-color:var(--blue-soft-2);}
@media (max-width:960px){.kontakt-grid{grid-template-columns:1fr;}}

/* --- strona podziekowania --- */
.pagehead .tick{margin:0 auto 18px;}

/* --- polityka prywatnosci --- */
.pm-tresc h3{font-size:18px;margin:30px 0 10px;}
.pm-tresc p{font-size:16px;}
.pm-tresc .pm-foot{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);}

/* --- schemat kierunkow eksportowych --- */
.mapa-kierunkow{max-width:980px;margin:0 auto 40px;}
.mapa-kierunkow svg{width:100%;height:auto;display:block;overflow:visible;}
.mp-linia{fill:none;stroke:var(--line-2);stroke-width:1.6;opacity:.75;}
.mp-punkt circle{fill:var(--white);stroke:var(--blue);stroke-width:2.5;
  transition:r .18s ease,fill .18s ease;}
.mp-punkt:hover circle{r:8;fill:var(--blue);}
.mp-kraj{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:700;fill:var(--ink);}
.mp-czas{font-family:'Inter',sans-serif;font-size:13px;font-weight:600;fill:var(--blue);}
.mp-baza circle{fill:var(--blue);}
.mp-baza .mp-puls{fill:var(--blue);opacity:.12;}
.mp-kraj-baza{font-size:16px;letter-spacing:.06em;fill:var(--blue-deep);}
.mapa-nota{text-align:center;font-size:13.5px;color:var(--text-muted);max-width:620px;
  margin:10px auto 0;line-height:1.6;}
@media (max-width:760px){
  .mp-kraj{font-size:21px;}
  .mp-czas{font-size:19px;}
  .mp-kraj-baza{font-size:22px;}
  .mp-punkt circle{r:8;stroke-width:3.5;}
  .mp-linia{stroke-width:2.4;}
}