/* Strona statków — kolory i fonty strony, na której stoi (motyw WordPress): skrypt mierzy tło, tekst, nagłówki, link i fonty
   (--ss-t-*, themeProbe w skrypcie), reszta liczona z nich; po przecinku wartości sprzed pomiaru (ciemny styl Rejsy).
   Na stronie z Blocksy tło kart = kolor 6 palety. Stałe: napisy na zdjęciu w nagłówku (biały na przyciemnionym zdjęciu). */
.strona-statkow{
  --ss-page:var(--ss-t-page,#06121D);--ss-text:var(--ss-t-text,#EEE8DA);--ss-head:var(--ss-t-head,#F4EFE4);
  --ss-acc:var(--ss-t-acc,#FF6A2A);--ss-acc2:var(--ss-acc);--ss-on-acc:var(--ss-t-on-acc,#06121D);
  --ss-bg:var(--theme-palette-color-6,color-mix(in srgb,var(--ss-text) 5%,var(--ss-page)));--ss-bg2:color-mix(in srgb,var(--ss-text) 7%,var(--ss-bg));
  --ss-line:color-mix(in srgb,var(--ss-text) 12%,transparent);--ss-line2:color-mix(in srgb,var(--ss-text) 20%,transparent);
  --ss-muted:color-mix(in srgb,var(--ss-text) 62%,var(--ss-page));--ss-soft:color-mix(in srgb,var(--ss-text) 82%,var(--ss-page));
  --ss-bar:#5f95e3;--ss-shade:rgba(0,0,0,.45);--ss-chip:var(--ss-bg);--ss-logo-bg:rgba(255,255,255,.94);
  --ss-font-head:var(--ss-t-font-head,inherit);--ss-acc-photo:color-mix(in srgb,var(--ss-acc) 72%,#fff);   /* akcent na przyciemnionym zdjęciu */
  margin:0 0 36px;color:var(--ss-text)
}
html[data-ss-light] .strona-statkow{--ss-bar:#3f7fd6;--ss-shade:color-mix(in srgb,var(--ss-text) 14%,transparent);--ss-logo-bg:#FFFFFF}
.strona-statkow *{box-sizing:border-box}
.strona-statkow a{text-decoration:none}
.strona-statkow button{font:inherit}

/* slider */
.strona-statkow .ss-hero{position:relative;height:440px;border-radius:20px;overflow:hidden;background:var(--ss-bg2);margin:0 0 34px}
.strona-statkow .ss-h-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:ss-in 6s ease-out}
@keyframes ss-in{from{transform:scale(1.04)}to{transform:scale(1)}}   /* tylko lekki najazd; bez rozjaśniania zdjęcia (0.1.5) */
@media (prefers-reduced-motion:reduce){.strona-statkow .ss-h-img{animation:none}}
.strona-statkow .ss-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,18,29,.66) 0%,rgba(6,18,29,.44) 32%,rgba(6,18,29,.1) 50%,rgba(6,18,29,0) 60%)}
.strona-statkow .ss-h-t{position:absolute;left:34px;top:40px;z-index:1;max-width:540px;color:#EEE8DA;text-shadow:0 1px 3px rgba(6,18,29,.55),0 0 18px rgba(6,18,29,.35)}
.strona-statkow .ss-h-t .ss-btn,.strona-statkow .ss-h-t .ss-tag{text-shadow:none}
.strona-statkow .ss-h-t .ss-tag{position:static;display:inline-block;font-size:12px}
.strona-statkow .ss-h-op{margin-top:12px;font-size:14px;color:#c9d3dc}
.strona-statkow .ss-h-t h2{font-family:var(--ss-font-head);font-size:48px;line-height:1.05;margin:2px 0 12px;color:#fff;letter-spacing:-.01em}
.strona-statkow .ss-h-t h2 a{color:inherit}.strona-statkow .ss-h-t h2 a:hover{text-decoration:underline;text-decoration-thickness:2px}
.strona-statkow .ss-h-about{display:inline-block;margin-top:14px;color:#EEE8DA;font-size:14px;text-decoration:underline!important;text-underline-offset:3px}
.strona-statkow .ss-h-about:hover{color:var(--ss-acc-photo)}
.strona-statkow .ss-h-f{font-size:15px;color:#d6dee5}.strona-statkow .ss-h-f b{color:#fff}.strona-statkow .ss-h-f i{font-style:normal;margin:0 8px;color:var(--ss-acc-photo)}
.strona-statkow .ss-h-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;color:#d6dee5}
.strona-statkow .ss-h-cta span{white-space:nowrap}.strona-statkow .ss-h-cta b{font-size:22px;color:var(--ss-acc-photo)}
.strona-statkow .ss-h-dots{position:absolute;right:18px;bottom:18px;left:34px;z-index:1;display:flex;justify-content:flex-end;gap:8px}
.strona-statkow .ss-h-dots button{display:flex;align-items:center;gap:8px;max-width:190px;border:1px solid rgba(238,232,218,.2);background:rgba(6,18,29,.72);color:#EEE8DA;
  border-radius:12px;padding:5px 10px 5px 5px;font-size:12.5px;cursor:pointer;backdrop-filter:blur(6px)}
.strona-statkow .ss-h-dots img{width:44px;height:30px;object-fit:cover;border-radius:7px}
.strona-statkow .ss-h-dots span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.strona-statkow .ss-h-dots button.on{border-color:var(--ss-acc);background:color-mix(in srgb,var(--ss-acc) 25%,transparent)}

/* nagłówki */
.strona-statkow .ss-h{font-family:var(--ss-font-head);font-size:30px;line-height:1.15;margin:0 0 6px;color:var(--ss-head)}
.strona-statkow .ss-lead{margin:0 0 18px;color:var(--ss-muted);max-width:820px}
.strona-statkow .ss-h3{font-size:15px;margin:22px 0 10px;color:var(--ss-head);letter-spacing:.02em}

/* armatorzy */
.strona-statkow .ss-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.strona-statkow .ss-ops button{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--ss-bg);border:1px solid var(--ss-line);border-radius:12px;padding:10px 6px 8px;
  color:var(--ss-text);font-size:12.5px;cursor:pointer;transition:border-color .2s,background .2s}
.strona-statkow .ss-ops button:hover{border-color:var(--ss-acc)}
.strona-statkow .ss-ops button.on{border-color:var(--ss-acc);background:linear-gradient(160deg,color-mix(in srgb,var(--ss-acc) 25%,transparent),var(--ss-bg) 75%)}
.strona-statkow .ss-ops img{height:28px;max-width:100px;object-fit:contain;background:var(--ss-logo-bg);border-radius:6px;padding:3px 7px}
.strona-statkow .ss-ops em{font-style:normal;font-weight:700;height:28px;line-height:28px}
.strona-statkow .ss-ops small{color:var(--ss-muted);font-size:11px}

/* style rejsu */
.strona-statkow .ss-styles{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}
.strona-statkow .ss-styles button{position:relative;display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--ss-line);background:var(--ss-bg);color:var(--ss-text);
  border-radius:14px;padding:12px 12px 11px;cursor:pointer;transition:border-color .2s,transform .2s}
.strona-statkow .ss-styles button:hover{border-color:var(--ss-acc);transform:translateY(-2px)}
.strona-statkow .ss-styles button.on{border-color:var(--ss-acc);background:linear-gradient(150deg,color-mix(in srgb,var(--ss-acc) 28%,transparent),var(--ss-bg) 70%)}
.strona-statkow .ss-styles i{font-style:normal;font-size:26px}
.strona-statkow .ss-styles b{font-family:var(--ss-font-head);font-size:14px;line-height:1.25;color:var(--ss-head)}
.strona-statkow .ss-styles small{font-size:11.5px;color:var(--ss-muted);line-height:1.35}
.strona-statkow .ss-bn{position:absolute;right:10px;top:10px;font-size:12px;font-weight:700;color:var(--ss-bg);background:var(--ss-head);border-radius:999px;padding:0 7px}

/* filtry */
.strona-statkow .ss-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:10px;font-size:13.5px}
.strona-statkow .ss-new{display:flex;gap:6px;align-items:center;cursor:pointer}.strona-statkow .ss-new input{accent-color:var(--ss-acc)}
.strona-statkow .ss-chips{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.strona-statkow .ss-chips button{border:1px solid var(--ss-line2);background:var(--ss-chip);color:var(--ss-text);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}
.strona-statkow .ss-chips button:hover{border-color:var(--ss-acc)}
.strona-statkow .ss-chips button.on{background:var(--ss-acc);border-color:var(--ss-acc);color:var(--ss-on-acc);font-weight:700}
.strona-statkow .ss-chips button.on::after{content:" ✕";font-weight:400;opacity:.75}
.strona-statkow .ss-res{color:var(--ss-muted);margin:4px 0 12px}.strona-statkow .ss-res b{color:var(--ss-head)}
.strona-statkow .ss-clear{border:0;background:none;color:var(--ss-acc2);cursor:pointer;padding:0;text-decoration:underline}

/* karty */
.strona-statkow .ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.strona-statkow .ss-card{position:relative;display:flex;flex-direction:column;background:var(--ss-bg);border:1px solid var(--ss-line);border-radius:16px;overflow:hidden;color:var(--ss-text);
  transition:transform .2s,box-shadow .2s,border-color .2s}
.strona-statkow .ss-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px var(--ss-shade);border-color:color-mix(in srgb,var(--ss-acc) 55%,transparent)}
/* cała karta prowadzi do opisu statku (link na wierzchu karty), przycisk „Zobacz rejsy” nad nim — do wyszukiwarki */
.strona-statkow .ss-cover{position:absolute;inset:0;z-index:1;border-radius:16px}
.strona-statkow .ss-cover:focus-visible{outline:2px solid var(--ss-acc);outline-offset:2px}
.strona-statkow .ss-card .ss-btn{position:relative;z-index:2}
.strona-statkow .ss-img{position:relative;display:block;height:160px;background:var(--ss-bg2)}
.strona-statkow .ss-img>img:first-child{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.strona-statkow .ss-card:hover .ss-img>img:first-child{transform:scale(1.05)}
.strona-statkow .ss-logo{position:absolute;right:10px;bottom:10px;height:26px;max-width:90px;object-fit:contain;background:rgba(255,255,255,.94);border-radius:6px;padding:3px 6px}
.strona-statkow .ss-tag{position:absolute;left:10px;top:10px;font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--ss-acc);color:var(--ss-on-acc)}
.strona-statkow .ss-tag.ss-sty{top:auto;bottom:10px;background:rgba(6,18,29,.82);color:#F4EFE4;font-weight:600}
.strona-statkow .ss-b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1}
.strona-statkow .ss-op{font-size:11.5px;color:var(--ss-muted)}
.strona-statkow .ss-n{font-family:var(--ss-font-head);font-size:18px;line-height:1.2;color:var(--ss-head);margin-top:-4px}
.strona-statkow .ss-f{display:grid;gap:4px;font-size:12px}
.strona-statkow .ss-f>span{display:grid;grid-template-columns:72px 1fr 54px;align-items:center;gap:8px}
.strona-statkow .ss-f em{font-style:normal;color:var(--ss-muted)}.strona-statkow .ss-f b{text-align:right;color:var(--ss-head);font-variant-numeric:tabular-nums}
.strona-statkow .ss-sb{position:relative;display:block;height:6px;border-radius:3px;background:var(--ss-line);overflow:hidden}
.strona-statkow .ss-sb i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--ss-bar)}
.strona-statkow .ss-r{font-size:12px;color:var(--ss-soft)}
.strona-statkow .ss-reg{display:flex;flex-wrap:wrap;gap:4px}
.strona-statkow .ss-reg i{font-style:normal;font-size:11px;color:var(--ss-soft);border:1px solid var(--ss-line2);border-radius:999px;padding:1px 8px}
.strona-statkow .ss-ft{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:6px;font-size:12.5px;color:var(--ss-muted);line-height:1.35}
.strona-statkow .ss-ft b{color:var(--ss-head)}.strona-statkow .ss-ft .ss-pr{font-size:17px;color:var(--ss-acc2)}
.strona-statkow .ss-btn{display:inline-block;background:var(--ss-acc);color:var(--ss-on-acc);border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;white-space:nowrap}
.strona-statkow a:hover .ss-btn,.strona-statkow .ss-btn:hover{filter:brightness(1.1)}
.strona-statkow .ss-btn-big{font-size:15px;padding:11px 20px;background:var(--ss-acc);color:var(--ss-on-acc)}
.strona-statkow .ss-more{text-align:center;margin-top:16px}
.strona-statkow .ss-morebtn{border:1px solid var(--ss-line2);background:var(--ss-bg);color:var(--ss-text);border-radius:999px;padding:8px 18px;cursor:pointer}
.strona-statkow .ss-morebtn:hover{border-color:var(--ss-acc)}
.strona-statkow-az{margin-top:8px}

@media (max-width:980px){.strona-statkow .ss-styles{grid-template-columns:repeat(3,1fr)}.strona-statkow .ss-chips{margin-left:0}}
@media (max-width:700px){
  .strona-statkow .ss-hero{height:520px}
  .strona-statkow .ss-hero::after{background:linear-gradient(0deg,rgba(6,18,29,.78) 0%,rgba(6,18,29,.55) 50%,rgba(6,18,29,.22) 82%,rgba(6,18,29,0) 100%)}
  .strona-statkow .ss-h-t{left:18px;right:18px;top:auto;bottom:86px}.strona-statkow .ss-h-t h2{font-size:34px}
  .strona-statkow .ss-h-dots{left:12px;right:12px;bottom:12px;justify-content:flex-start;overflow-x:auto}
  .strona-statkow .ss-h-dots span{display:none}.strona-statkow .ss-h-dots button{padding:4px}
  .strona-statkow .ss-h{font-size:25px}
  /* armatorzy: jeden rząd przewijany w bok zamiast 10 rzędów kafelków */
  .strona-statkow .ss-ops{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-right:-16px;scrollbar-width:thin}
  .strona-statkow .ss-ops button{flex:0 0 118px;scroll-snap-align:start}
}
@media (max-width:560px){.strona-statkow .ss-styles{grid-template-columns:repeat(2,1fr)}}