/* ============================================================================
   Semper Paratus — redesign 2026-07 (nagłówki hero, blog, sidebar, rytm sekcji)
   Paleta marki: granat #12283f/#0d1b2e + złoto #d4af37. Bez nowych wtyczek.
   ============================================================================ */

:root{
  /* KILL PINK: --bs-light było #fcd1d3 (różowe) → chłodna biel */
  --bs-light:#eef1f6;
  --bs-light-rgb:238,241,246;

  --spl-navy:#12283f;
  --spl-navy-deep:#0d1b2e;
  --spl-navy-2:#1b3654;
  --spl-gold:#d4af37;
  --spl-gold-soft:#e6c463;
  --spl-wash:#f5f7fa;
  --spl-line:#e3e8ef;
  --spl-ink:#17233a;
  --spl-muted:#5c6675;
}

/* ---------- NAGŁÓWEK HERO (strony, wpisy, archiwa) ---------- */
.spl-hero{position:relative;overflow:hidden;color:#eef3fb;padding:44px 0 40px}
.spl-hero .container{position:relative;z-index:1}
.spl-hero .crumb{font-size:.8rem;color:#9fb2ce;margin-bottom:14px}
.spl-hero .crumb a{color:#9fb2ce;text-decoration:none}
.spl-hero .crumb a:hover{color:var(--spl-gold-soft)}
.spl-hero .crumb .sep{opacity:.5;margin:0 8px}
.spl-hero .crumb .cur{color:var(--spl-gold-soft)}
.spl-hero h1{font-weight:800;letter-spacing:-.02em;color:#fff;margin:0;text-wrap:balance}
.spl-hero .lead-sub{color:#c7d3e6;max-width:60ch;margin:12px auto 0;font-size:1.02rem}
.spl-hero .rule{width:60px;height:3px;background:var(--spl-gold);border-radius:2px;margin:16px 0 0}

/* Wariant A — gradient + tekstura + pigułki (strony usług) */
.spl-hero--a{background:
    radial-gradient(120% 150% at 88% -20%, #234e7e 0, transparent 55%),
    linear-gradient(120deg,#0d1b2e 0%,#12283f 55%,#1b3654 100%)}
.spl-hero--a::before{content:"";position:absolute;inset:0;opacity:.14;
    background-image:radial-gradient(circle at 1px 1px,#9fb4d8 1px,transparent 0);background-size:24px 24px;
    -webkit-mask:linear-gradient(90deg,transparent,#000 60%);mask:linear-gradient(90deg,transparent,#000 60%)}
.spl-hero--a::after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;
    background:radial-gradient(circle,rgba(212,175,55,.26),transparent 68%)}
.spl-hero--a .rule{margin-left:auto;margin-right:auto}
.spl-hero__pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.spl-hero__pills .pill{font-size:.74rem;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);color:#dbe4f1}
.spl-hero__pills .pill.gold{background:rgba(212,175,55,.16);border-color:rgba(212,175,55,.4);color:var(--spl-gold-soft)}

/* Wariant B — granat + pionowa złota szyna (wpisy, rozwiązania, archiwa) */
.spl-hero--b{background:linear-gradient(100deg,#0d1b2e,#12283f 60%,#1b3654)}
.spl-hero--b .spl-hero__rail{display:flex;gap:20px;align-items:flex-start}
.spl-hero--b .spl-hero__rail::before{content:"";width:5px;align-self:stretch;min-height:70px;
    background:linear-gradient(var(--spl-gold),#a9821f);border-radius:3px;flex:0 0 auto}
.spl-hero--b .lead-sub{margin-left:0}

/* ---------- RYTM SEKCJI ---------- */
.spl-band-wash{background:var(--spl-wash)}
.spl-band-white{background:#fff}

/* ---------- BLOG: layout + sidebar ---------- */
.spl-blog{background:var(--spl-wash);padding:40px 0 56px}
.spl-blog__grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.spl-feed{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:991px){.spl-blog__grid{grid-template-columns:1fr}.spl-blog__side{order:2}}
@media(max-width:575px){.spl-feed{grid-template-columns:1fr}}

/* Karta wpisu */
.spl-card{background:#fff;border:1px solid var(--spl-line);border-radius:14px;overflow:hidden;
    display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(12,26,46,.06);
    transition:transform .18s ease,box-shadow .18s ease}
.spl-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(12,26,46,.13)}
.spl-card__media{position:relative;aspect-ratio:1200/630;overflow:hidden;background:
    radial-gradient(120% 130% at 85% -20%, #24507f 0, transparent 60%),linear-gradient(130deg,#0d1b2e,#173254)}
.spl-card__media img{width:100%;height:100%;object-fit:cover;display:block}
.spl-card__badge{position:absolute;left:12px;top:12px;z-index:2;font-size:.66rem;font-weight:700;
    letter-spacing:.06em;text-transform:uppercase;color:#12283f;background:var(--spl-gold);
    padding:4px 11px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.spl-card__ph-title{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;color:#e7eefb;
    font-size:.9rem;font-weight:600;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.spl-card__body{padding:15px 16px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.spl-card__date{font-size:.72rem;color:#8b97a8;letter-spacing:.03em}
.spl-card__body h2,.spl-card__body h3{font-size:1.04rem;font-weight:700;line-height:1.34;margin:0}
.spl-card__body h2 a,.spl-card__body h3 a{color:var(--spl-ink);text-decoration:none}
.spl-card__body h2 a:hover{color:#0c4da2}
.spl-card__excerpt{font-size:.86rem;color:var(--spl-muted);margin:0;flex:1}
.spl-card__more{font-size:.8rem;font-weight:700;color:#0c4da2;text-decoration:none;margin-top:2px}
.spl-card__more:hover{color:var(--spl-navy)}

/* Sidebar */
.spl-widget{background:#fff;border:1px solid var(--spl-line);border-radius:14px;padding:18px;margin-bottom:22px}
.spl-widget h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--spl-navy);
    margin:0 0 14px;padding-bottom:9px;border-bottom:2px solid var(--spl-gold);font-weight:800}
.spl-search{display:flex;border:1px solid #d7deea;border-radius:9px;overflow:hidden}
.spl-search input{flex:1;border:0;padding:9px 12px;font-size:.88rem;outline:none;min-width:0;background:#fff;color:var(--spl-ink)}
.spl-search button{background:var(--spl-navy);color:#fff;border:0;padding:0 15px;font-size:.82rem;font-weight:600;cursor:pointer}
.spl-search button:hover{background:var(--spl-navy-2)}
.spl-catlist{list-style:none;margin:0;padding:0}
.spl-catlist li{margin:0}
.spl-catlist a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;
    font-size:.9rem;color:#2c3b54;text-decoration:none;border-bottom:1px solid #eef1f6}
.spl-catlist li:last-child a{border-bottom:0}
.spl-catlist a:hover{color:#0c4da2}
.spl-catlist .cnt{background:#eef2f8;color:#5c6675;font-size:.7rem;font-weight:600;padding:1px 9px;border-radius:999px}
.spl-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.spl-recent a{display:block;font-size:.86rem;color:#22344f;text-decoration:none;line-height:1.35;
    border-left:2px solid var(--spl-gold);padding-left:11px}
.spl-recent a:hover{color:#0c4da2}
.spl-sidecta{background:linear-gradient(135deg,#12283f,#1b3654);color:#eef3fb;border-radius:14px;padding:20px}
.spl-sidecta strong{display:block;font-size:1rem;margin-bottom:6px;color:#fff}
.spl-sidecta p{font-size:.84rem;color:#c7d3e6;margin:0 0 14px}
.spl-sidecta a{display:inline-block;background:var(--spl-gold);color:#12283f;font-weight:700;font-size:.82rem;
    padding:9px 16px;border-radius:8px;text-decoration:none}
.spl-sidecta a:hover{background:var(--spl-gold-soft)}

/* Paginacja — spójna z marką */
.spl-blog .pagination{justify-content:center;margin-top:36px}

/* Archiwum: nagłówek listy */
.spl-archive-meta{color:#c7d3e6}

/* ---------- RYTM SEKCJI: strony na washu, treść w unoszącej się karcie ---------- */
.spl-page-band{background:var(--spl-wash);padding:44px 0 52px}
.spl-page-card{background:#fff;border:1px solid var(--spl-line);border-radius:16px;
    box-shadow:0 10px 40px rgba(12,26,46,.07);padding:38px 44px}
@media(max-width:575px){.spl-page-card{padding:24px 20px}.spl-page-band{padding:26px 0 34px}}
/* bloki wewnątrz treści (CTA, hub, bio) niech sięgają krawędzi karty ładnie */
.spl-page-card > .sp-hub-articles:last-child,
.spl-page-card > .sp-author-bio-box:last-child{margin-bottom:0}