/* Śląskie WOPR – Aktualności (3 wpisy) */
.swna,.swna *,.swna *::before,.swna *::after{box-sizing:border-box}
.swna{font-family:var(--na-font);background:var(--na-bg);padding:var(--na-pad) 0;color:var(--na-x);line-height:1.5;-webkit-font-smoothing:antialiased}
.swna-in{max-width:var(--na-max);margin:0 auto;padding:0 var(--na-px)}
.swna svg.swna-ico{width:15px;height:15px;flex:none;display:inline-block;vertical-align:-2px}
.swna a{text-decoration:none!important;box-shadow:none}
.swna :is(a):focus-visible{outline:3px solid var(--na-a);outline-offset:3px;border-radius:6px}

/* ---------- nagłówek sekcji ---------- */
.swna-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 30px;flex-wrap:wrap;margin:0 0 calc(var(--na-gap) * .9);padding-bottom:18px;border-bottom:1px solid var(--na-line);position:relative}
.swna-head::after{content:"";position:absolute;left:0;bottom:-2px;width:70px;height:3px;border-radius:3px;background:var(--na-a)}
.swna.swna .swna-eye{margin:0 0 6px;padding:0;color:var(--na-a);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.3}
.swna.swna .swna-h{margin:0;padding:0;font-family:inherit;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--na-t);text-transform:none}
.swna.swna .swna-all{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:2px solid var(--na-p);border-radius:999px;color:var(--na-p);font-size:14px;font-weight:700;line-height:1.2;transition:background .2s,color .2s}
.swna.swna .swna-all:hover{background:var(--na-p);color:#fff}
.swna-all .swna-ico{transition:transform .25s}
.swna-all:hover .swna-ico{transform:translateX(3px)}

/* ---------- układ: duży + dwa mniejsze ---------- */
.swna-grid{display:grid;grid-template-columns:var(--na-bw) var(--na-sw);gap:var(--na-gap);align-items:start}
.swna--big-right .swna-grid > .swna-post--big{order:2}
.swna-grid--n1{grid-template-columns:1fr}
.swna-side{display:grid;gap:var(--na-gap);align-content:start}
.swna.swna--plain .swna-side{gap:calc(var(--na-gap) * .9)}
.swna--plain .swna-side > .swna-post + .swna-post{padding-top:calc(var(--na-gap) * .9);border-top:1px solid var(--na-line)}

/* ---------- wpis ---------- */
.swna-post{position:relative;display:flex;flex-direction:column;gap:18px;min-width:0}
.swna--cards .swna-post{background:#fff;border:1px solid var(--na-line);border-radius:var(--na-r);padding:12px 12px 22px;box-shadow:0 10px 26px -18px rgba(16,32,48,.35);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.swna--cards .swna-post:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(16,32,48,.45)}
.swna--cards .swna-body{padding:0 10px}
.swna-img{position:relative;display:block;overflow:hidden;border-radius:calc(var(--na-r) - 2px);aspect-ratio:var(--na-rs);background:var(--na-soft);line-height:0}
.swna--cards .swna-img{border-radius:calc(var(--na-r) - 6px)}
.swna-post--big .swna-img{aspect-ratio:var(--na-rb)}
.swna.swna .swna-img img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.swna-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(16,32,48,.18));opacity:0;transition:opacity .4s}
.swna-post:hover .swna-img img{transform:scale(1.05)}
.swna-post:hover .swna-img::after{opacity:1}
.swna-noimg{display:grid!important;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,#fff 0,var(--na-tag) 70%)}
.swna.swna .swna-noimg img{width:38%!important;height:auto!important;max-height:70%;object-fit:contain!important;opacity:.85}

.swna-body{display:flex;flex-direction:column;gap:12px;min-width:0}
.swna-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.swna-tag{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--na-tag);color:var(--na-p);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.swna-time{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--na-x)}
.swna.swna .swna-title{margin:0;padding:0;font-family:inherit;font-size:var(--na-ts);font-weight:700;line-height:1.28;letter-spacing:-.005em;color:var(--na-t);text-transform:none}
.swna-post--big .swna.swna-title,.swna.swna .swna-post--big .swna-title{font-size:clamp(22px,2.4vw,var(--na-tb));font-weight:800;line-height:1.18}
.swna.swna .swna-title a{color:inherit!important}
/* cały wpis klikalny */
.swna-title a::after{content:"";position:absolute;inset:0;z-index:1}
.swna-title span{background:linear-gradient(var(--na-a),var(--na-a)) left 100%/0 2px no-repeat;padding-bottom:2px;transition:background-size .45s cubic-bezier(.2,.8,.2,1),color .25s}
.swna-post:hover .swna-title span{background-size:100% 2px;color:var(--na-p)}
.swna.swna .swna-exc{margin:0;padding:0;font-size:16px;line-height:1.6;color:var(--na-x)}
.swna-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;font-weight:500;color:var(--na-x)}
.swna-foot > *{display:inline-flex;align-items:center;gap:6px}
.swna-foot .swna-ico{color:var(--na-p);opacity:.8}
.swna-more{display:inline-flex;align-items:center;gap:8px;margin-top:2px;font-size:14.5px;font-weight:700;color:var(--na-p)}
.swna-more .swna-ico{transition:transform .25s}
.swna-post:hover .swna-more .swna-ico{transform:translateX(4px)}
.swna-empty{padding:24px;border:2px dashed var(--na-line);border-radius:14px;text-align:center}

/* ---------- tablet ---------- */
@media (max-width:900px){
	.swna-grid{grid-template-columns:1fr}
	.swna--big-right .swna-grid > .swna-post--big{order:0}
	.swna-side{grid-template-columns:1fr 1fr}
	.swna--plain .swna-side > .swna-post + .swna-post{padding-top:0;border-top:0}
}
/* ---------- telefon: małe wpisy jako lista ze zdjęciem z lewej ---------- */
@media (max-width:600px){
	.swna-head{align-items:flex-start}
	.swna-side{grid-template-columns:1fr;gap:18px!important}
	.swna-post--sm{flex-direction:row;align-items:flex-start;gap:14px}
	.swna-post--sm .swna-img{flex:0 0 38%;aspect-ratio:1/1;border-radius:12px}
	.swna-post--sm .swna-body{gap:7px}
	.swna.swna .swna-post--sm .swna-title{font-size:16px}
	.swna-post--sm .swna-time,.swna-post--sm .swna-auth{display:none!important}
	.swna-post--sm .swna-tag{font-size:10.5px;padding:3px 9px}
	.swna--plain .swna-side > .swna-post + .swna-post{padding-top:18px;border-top:1px solid var(--na-line)}
	.swna.swna .swna-exc{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.swna *{transition:none!important}}

/* 1.1 – przycisk „Zobacz wszystkie” pod wpisami */
.swna-bot{display:flex;justify-content:center;margin-top:calc(var(--na-gap) + 8px)}
.swna.swna .swna-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border:2px solid var(--na-p);border-radius:999px;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none!important;box-shadow:none;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.swna.swna .swna-btn--solid{background:var(--na-p);color:#fff!important;box-shadow:0 12px 26px -14px var(--na-p)}
.swna.swna .swna-btn--solid:hover{background:color-mix(in srgb,var(--na-p) 85%,#000);border-color:color-mix(in srgb,var(--na-p) 85%,#000);transform:translateY(-2px)}
.swna.swna .swna-btn--outline{background:transparent;color:var(--na-p)!important}
.swna.swna .swna-btn--outline:hover{background:var(--na-p);color:#fff!important}
.swna .swna-btn svg.swna-ico{width:18px;height:18px;transition:transform .25s}
.swna-btn:hover .swna-ico{transform:translateX(4px)}
@media (max-width:600px){.swna.swna .swna-btn{width:100%;justify-content:center}}