/* Śląskie WOPR – Nagłówek oddziału. Style podstawowe (komputer). Wartości ze zmiennych ustawianych w panelu.
   Wszystkie selektory zaczynają się od #swnh.swnh, żeby motyw ani Elementor ich nie nadpisały. */

#swnh.swnh{position:relative;z-index:var(--swnh-z);font-family:var(--swnh-ff-body);text-align:left;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;padding:0}
#swnh.swnh *,#swnh.swnh *::before,#swnh.swnh *::after{box-sizing:border-box}
#swnh.swnh ul,#swnh.swnh li{list-style:none !important;margin:0 !important;padding:0 !important;background:none;border:0}
#swnh.swnh li::before,#swnh.swnh li::marker{content:none !important}
#swnh.swnh a{text-decoration:none !important;box-shadow:none;outline:none;border:0;background-image:none}
#swnh.swnh a:focus-visible,#swnh.swnh button:focus-visible{outline:3px solid var(--swnh-focus) !important;outline-offset:2px}
#swnh.swnh button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;box-shadow:none;text-transform:none;letter-spacing:normal;min-height:0;min-width:0;line-height:1;cursor:pointer;border-radius:0;width:auto;height:auto}
#swnh.swnh svg{display:block;flex-shrink:0}
#swnh.swnh img{max-width:none;margin:0;padding:0;border:0}

/* 1. Pasek górny */
#swnh.swnh .swnh-top{background:var(--swnh-top-bg) !important;color:var(--swnh-top-text) !important}
#swnh.swnh .swnh-top-in{max-width:var(--swnh-maxw);margin:0 auto;padding:var(--swnh-top-py) var(--swnh-px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px var(--swnh-top-gap)}
#swnh.swnh .swnh-top--center .swnh-top-in{justify-content:center}
#swnh.swnh .swnh-top--left .swnh-top-in{justify-content:flex-start}
#swnh.swnh .swnh-top-left,#swnh.swnh .swnh-top-right{display:flex;align-items:center;gap:6px var(--swnh-top-gap);flex-wrap:wrap}
#swnh.swnh .swnh-top-item{display:inline-flex;align-items:center;gap:8px;color:var(--swnh-top-text) !important;position:relative}
#swnh.swnh.swnh--topsep .swnh-top-left .swnh-top-item + .swnh-top-item::before{content:"";position:absolute;left:calc(var(--swnh-top-gap) / -2);top:50%;width:1px;height:14px;margin-top:-7px;background:currentColor;opacity:.35}
#swnh.swnh .swnh-top-item .swnh-ico{width:var(--swnh-top-isz);height:var(--swnh-top-isz);fill:var(--swnh-top-icon)}
#swnh.swnh a.swnh-top-item{transition:color .2s ease}
#swnh.swnh a.swnh-top-item:hover{color:var(--swnh-social-h) !important}
#swnh.swnh a.swnh-social{display:inline-flex;align-items:center;gap:7px;color:var(--swnh-social) !important;transition:color .2s ease}
#swnh.swnh a.swnh-social:hover{color:var(--swnh-social-h) !important}
#swnh.swnh .swnh-social .swnh-ico{width:calc(var(--swnh-top-isz) + 1px);height:calc(var(--swnh-top-isz) + 1px);fill:currentColor}

/* 2. Główny pasek */
#swnh.swnh .swnh-main{position:relative;background:var(--swnh-bg) !important;z-index:var(--swnh-z);margin:0;padding:0;border:0;display:block;transition:box-shadow .25s ease}
#swnh.swnh.swnh--edge-shadow .swnh-main{box-shadow:0 4px 18px rgba(16,32,48,.08)}
#swnh.swnh.swnh--scrollsh.swnh--scrolled .swnh-main{box-shadow:0 8px 28px rgba(16,32,48,.12)}
#swnh.swnh .swnh-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--swnh-pt) var(--swnh-px) var(--swnh-pb);max-width:var(--swnh-maxw);margin:0 auto;gap:var(--swnh-gap)}

/* logo i nazwa oddziału */
#swnh.swnh a.swnh-brand{display:flex;align-items:center;gap:var(--swnh-brand-gap);flex-shrink:0;color:inherit !important;min-width:0}
#swnh.swnh img.swnh-logo{width:var(--swnh-logo-w) !important;height:var(--swnh-logo) !important;min-height:var(--swnh-logo) !important;max-height:var(--swnh-logo) !important;border-radius:var(--swnh-logo-r) !important;object-fit:var(--swnh-logo-fit) !important;background-color:var(--swnh-logo-bg);box-shadow:var(--swnh-logo-sh);display:block !important;flex-shrink:0}
#swnh.swnh .swnh-divider{display:block;flex:none;width:var(--swnh-div-w);height:calc(var(--swnh-logo) * .74);background:var(--swnh-divider)}
#swnh.swnh .swnh-brand-text{display:flex;flex-direction:column;justify-content:center;max-width:var(--swnh-brand-maxw);min-width:0}
#swnh.swnh .swnh-brand-pre{display:block;color:var(--swnh-bpre) !important;margin:0 0 4px}
#swnh.swnh .swnh-brand-title{display:block;color:var(--swnh-brand) !important;overflow-wrap:break-word}
#swnh.swnh .swnh-brand-sub{display:block;color:var(--swnh-bsub) !important;margin:4px 0 0}

/* menu */
#swnh.swnh .swnh-nav{display:flex;flex:1 1 auto;justify-content:flex-end;min-width:0}
#swnh.swnh.swnh--align-center .swnh-nav{justify-content:center}
#swnh.swnh.swnh--align-left .swnh-nav{justify-content:flex-start}
#swnh.swnh .swnh-menu{display:flex;gap:var(--swnh-nav-gap);align-items:center;flex-wrap:nowrap}
#swnh.swnh .swnh-item{position:relative;flex-shrink:0}
#swnh.swnh .swnh-menu > .swnh-item > a.swnh-link{position:relative;display:inline-flex;align-items:center;gap:7px;color:var(--swnh-link) !important;background-color:transparent;padding:var(--swnh-link-py) var(--swnh-link-px) !important;border-radius:var(--swnh-link-r);transition:color .18s ease,background-color .18s ease;white-space:nowrap !important;-webkit-tap-highlight-color:transparent}
#swnh.swnh .swnh-menu > .swnh-item > a.swnh-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--swnh-bar-h);background:var(--swnh-link-bar);transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}
#swnh.swnh .swnh-link .swnh-arrow{width:14px;height:14px;fill:currentColor;transition:transform .2s ease;opacity:.8}
#swnh.swnh .swnh-item:hover > .swnh-link .swnh-arrow,#swnh.swnh .swnh-item.swnh-open > .swnh-link .swnh-arrow{transform:rotate(180deg)}

/* najechanie / otwarte (wszystkie style) */
#swnh.swnh .swnh-menu > .swnh-item:hover > a.swnh-link,#swnh.swnh .swnh-menu > .swnh-item:focus-within > a.swnh-link,#swnh.swnh .swnh-menu > .swnh-item.swnh-open > a.swnh-link{color:var(--swnh-link-h) !important}
#swnh.swnh .swnh-menu > .swnh-item:hover > a.swnh-link::after,#swnh.swnh .swnh-menu > .swnh-item:focus-within > a.swnh-link::after,#swnh.swnh .swnh-menu > .swnh-item.swnh-open > a.swnh-link::after,#swnh.swnh .swnh-menu > .swnh-item.swnh-current > a.swnh-link::after{transform:scaleX(1)}
/* styl: kwadratowy blok + pasek */
#swnh.swnh.swnh--nav-block .swnh-menu > .swnh-item:hover > a.swnh-link,#swnh.swnh.swnh--nav-block .swnh-menu > .swnh-item:focus-within > a.swnh-link,#swnh.swnh.swnh--nav-block .swnh-menu > .swnh-item.swnh-open > a.swnh-link{background-color:var(--swnh-link-bg-h) !important}
/* styl: pełny blok */
#swnh.swnh.swnh--nav-solid .swnh-menu > .swnh-item:hover > a.swnh-link,#swnh.swnh.swnh--nav-solid .swnh-menu > .swnh-item:focus-within > a.swnh-link,#swnh.swnh.swnh--nav-solid .swnh-menu > .swnh-item.swnh-open > a.swnh-link{background-color:var(--swnh-link-act-bg) !important;color:var(--swnh-link-act) !important}
/* pozycja aktywna (bieżąca strona) */
#swnh.swnh.swnh--nav-block .swnh-menu > .swnh-item.swnh-current > a.swnh-link,#swnh.swnh.swnh--nav-solid .swnh-menu > .swnh-item.swnh-current > a.swnh-link{background-color:var(--swnh-link-act-bg) !important;color:var(--swnh-link-act) !important}
#swnh.swnh.swnh--nav-line .swnh-menu > .swnh-item.swnh-current > a.swnh-link{color:var(--swnh-link-h) !important}
/* wciśnięcie: pełny kwadrat w kolorze głównym */
#swnh.swnh .swnh-menu > .swnh-item > a.swnh-link:active,#swnh.swnh.swnh--nav-block .swnh-menu > .swnh-item > a.swnh-link:active,#swnh.swnh.swnh--nav-solid .swnh-menu > .swnh-item > a.swnh-link:active{background-color:var(--swnh-link-act-bg) !important;color:var(--swnh-link-act) !important;transition-duration:0s}
#swnh.swnh.swnh--nav-line .swnh-menu > .swnh-item > a.swnh-link:active{background-color:transparent !important;color:var(--swnh-link-h) !important}

/* przycisk */
#swnh.swnh a.swnh-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;background-color:var(--swnh-cta-bg) !important;color:var(--swnh-cta-text) !important;padding:var(--swnh-cta-py) var(--swnh-cta-px) !important;border-radius:var(--swnh-cta-r) !important;box-shadow:var(--swnh-cta-sh) !important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;white-space:nowrap !important;text-align:center;-webkit-tap-highlight-color:transparent}
#swnh.swnh a.swnh-cta .swnh-ico{width:1.15em;height:1.15em;fill:currentColor}
#swnh.swnh a.swnh-cta:hover{transform:translateY(var(--swnh-cta-lift));box-shadow:var(--swnh-cta-sh-h) !important;background-color:var(--swnh-cta-bg-h) !important;color:var(--swnh-cta-text-h) !important}
#swnh.swnh a.swnh-cta:active{transform:translateY(1px);transition-duration:0s}
#swnh.swnh .swnh-item--cta{margin-left:var(--swnh-cta-ml) !important}

/* układ dwurzędowy: duże logo z lewej, nazwa u góry, pasek menu pod spodem */
#swnh.swnh.swnh--stack .swnh-inner{align-items:center}
#swnh.swnh a.swnh-logo-link{display:block;flex:none;line-height:0}
#swnh.swnh.swnh--stack img.swnh-logo{width:var(--swnh-logo-st-w) !important;height:var(--swnh-logo-st) !important;min-height:var(--swnh-logo-st) !important;max-height:var(--swnh-logo-st) !important}
#swnh.swnh .swnh-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--swnh-st-gap)}
#swnh.swnh .swnh-row1{display:flex;align-items:center;justify-content:space-between;gap:16px 28px}
#swnh.swnh .swnh-row1 a.swnh-brand--text{flex:0 1 auto}
#swnh.swnh.swnh--stack .swnh-brand-text{max-width:none}
#swnh.swnh .swnh-row1-r{display:flex;align-items:center;gap:22px;flex:none}
#swnh.swnh .swnh-msoc{display:flex;align-items:center;gap:14px}
#swnh.swnh .swnh-msoc a{display:inline-grid;place-items:center;color:var(--swnh-msoc) !important;transition:color .2s ease,transform .2s ease}
#swnh.swnh .swnh-msoc a:hover{color:var(--swnh-msoc-h) !important;transform:translateY(-2px)}
#swnh.swnh .swnh-msoc .swnh-ico{width:var(--swnh-msoc-sz);height:var(--swnh-msoc-sz);fill:currentColor}
#swnh.swnh.swnh--stack .swnh-nav{flex:none;width:100%;background:var(--swnh-navbar-bg) !important;border-top:var(--swnh-navbar-line) solid var(--swnh-navbar-top);padding:0 var(--swnh-navbar-px)}
#swnh.swnh.swnh--stack .swnh-menu{width:100%;justify-content:flex-end}
#swnh.swnh.swnh--st-justify .swnh-menu{justify-content:space-between}
#swnh.swnh.swnh--st-left .swnh-menu{justify-content:flex-start}
/* bez tła paska: pierwsza pozycja równo z nazwą oddziału */
#swnh.swnh.swnh--stack.swnh--st-left:not(.swnh--navbar) .swnh-menu{margin-left:calc(-1 * var(--swnh-link-px));width:calc(100% + var(--swnh-link-px))}
#swnh.swnh.swnh--st-center .swnh-menu{justify-content:center}
#swnh.swnh.swnh--stack.swnh--nav-block .swnh-menu > .swnh-item:hover > a.swnh-link,#swnh.swnh.swnh--stack.swnh--nav-block .swnh-menu > .swnh-item:focus-within > a.swnh-link,#swnh.swnh.swnh--stack.swnh--nav-block .swnh-menu > .swnh-item.swnh-open > a.swnh-link{background-color:var(--swnh-navbar-hover) !important}
#swnh.swnh.swnh--stack.swnh--nav-block .swnh-menu > .swnh-item.swnh-current > a.swnh-link,#swnh.swnh.swnh--stack .swnh-menu > .swnh-item > a.swnh-link:active{background-color:var(--swnh-link-act-bg) !important;color:var(--swnh-link-act) !important}

/* zaokrąglony kolorowy pasek menu (jak w Zarządzie Głównym, w barwach WOPR) */
#swnh.swnh.swnh--navbar .swnh-nav{background:linear-gradient(90deg,var(--swnh-navbar-bg),var(--swnh-navbar-bg2)) !important;border:1px solid var(--swnh-navbar-border);border-radius:var(--swnh-navbar-r);padding:var(--swnh-navbar-py) var(--swnh-navbar-px);box-shadow:0 8px 22px -14px rgba(16,32,48,.28)}
#swnh.swnh.swnh--navbar .swnh-menu{gap:var(--swnh-nav-gap)}
/* szerokość paska z suwaka w panelu; pozycje rozłożone jak w Zarządzie Głównym */
#swnh.swnh.swnh--stack.swnh--navbar .swnh-nav{width:var(--swnh-navbar-w);max-width:100%;align-self:center}
#swnh.swnh.swnh--stack.swnh--navbar.swnh--st-left .swnh-nav{align-self:flex-start}
#swnh.swnh.swnh--stack.swnh--navbar.swnh--st-right .swnh-nav{align-self:flex-end}
#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu{width:100%;margin-left:0;justify-content:space-between}
#swnh.swnh.swnh--stack.swnh--navbar:is(.swnh--ni-spread,.swnh--ni-even) .swnh-menu{gap:0}
#swnh.swnh.swnh--stack.swnh--navbar.swnh--ni-even .swnh-menu{justify-content:space-evenly}
#swnh.swnh.swnh--stack.swnh--navbar.swnh--ni-center .swnh-menu{justify-content:center}
#swnh.swnh.swnh--stack.swnh--navbar.swnh--ni-left .swnh-menu{justify-content:flex-start}
#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item > a.swnh-link{justify-content:center;text-align:center}
/* nazwa oddziału zaczyna się równo z napisem pierwszej pozycji menu, ikony kończą się równo z paskiem */
#swnh.swnh.swnh--stack.swnh--indent .swnh-row1{padding-left:calc(var(--swnh-navbar-px) + var(--swnh-link-px) + 1px);padding-right:calc(var(--swnh-navbar-px) / 2)}
#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item > a.swnh-link{color:var(--swnh-navbar-text) !important;border-radius:var(--swnh-navbar-ir) !important;background-color:transparent}
#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item > a.swnh-link::after{left:50%;right:auto;width:22px;margin-left:-11px;bottom:6px;height:3px;border-radius:3px;background:var(--swnh-navbar-mark);transform-origin:center}
#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item:hover > a.swnh-link,#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item:focus-within > a.swnh-link,#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item.swnh-open > a.swnh-link{background-color:var(--swnh-navbar-hover) !important;color:var(--swnh-navbar-text-h) !important}
#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item.swnh-current > a.swnh-link,#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item > a.swnh-link:active{background-color:var(--swnh-navbar-act-bg) !important;color:var(--swnh-navbar-act) !important}
#swnh.swnh.swnh--stack.swnh--navbar .swnh-menu > .swnh-item.swnh-current > a.swnh-link::after{background:var(--swnh-navbar-act)}

/* 3. Rozwijane menu */
#swnh.swnh .swnh-mega{position:absolute;top:calc(100% + var(--swnh-mo,12px));left:50%;transform:translateX(-50%) translateY(10px);background:var(--swnh-mega-bg) !important;border-radius:var(--swnh-mega-r);padding:var(--swnh-mega-pad);box-shadow:var(--swnh-mega-sh);opacity:0;visibility:hidden;z-index:calc(var(--swnh-z) + 1);border-top:var(--swnh-mega-bw) solid var(--swnh-mega-border);display:grid;grid-template-columns:repeat(var(--swnh-ncols,1),var(--swnh-mega-col));gap:var(--swnh-mega-gap);text-align:left}
#swnh.swnh.swnh--anim .swnh-mega{transition:opacity .22s ease,visibility .22s ease,transform .22s ease}
#swnh.swnh .swnh-mega::before{content:"";position:absolute;left:0;right:0;top:calc(-1 * (var(--swnh-mo,12px) + var(--swnh-mega-bw)));height:calc(var(--swnh-mo,12px) + var(--swnh-mega-bw))}
#swnh.swnh .swnh-item:hover > .swnh-mega,#swnh.swnh .swnh-item:focus-within > .swnh-mega,#swnh.swnh .swnh-item.swnh-open > .swnh-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
#swnh.swnh .swnh-item.swnh-closed > .swnh-mega{opacity:0 !important;visibility:hidden !important}
#swnh.swnh .swnh-mega.swnh-edge-r{left:auto;right:0;transform:translateY(10px)}
#swnh.swnh .swnh-item:hover > .swnh-mega.swnh-edge-r,#swnh.swnh .swnh-item:focus-within > .swnh-mega.swnh-edge-r,#swnh.swnh .swnh-item.swnh-open > .swnh-mega.swnh-edge-r{transform:translateY(0)}
#swnh.swnh .swnh-mega.swnh-edge-l{left:0;transform:translateY(10px)}
#swnh.swnh .swnh-item:hover > .swnh-mega.swnh-edge-l,#swnh.swnh .swnh-item:focus-within > .swnh-mega.swnh-edge-l,#swnh.swnh .swnh-item.swnh-open > .swnh-mega.swnh-edge-l{transform:translateY(0)}
#swnh.swnh .swnh-mtitle{color:var(--swnh-mega-title) !important;padding:0 0 10px 14px;margin-bottom:8px;border-bottom:1px solid var(--swnh-mega-line)}
#swnh.swnh .swnh-mlinks{display:flex;flex-direction:column;gap:2px}
#swnh.swnh .swnh-mlinks a{display:block;color:var(--swnh-mega-link) !important;padding:9px 12px 9px 11px !important;border-left:3px solid transparent !important;transition:background-color .18s ease,color .18s ease,border-color .18s ease;white-space:normal}
#swnh.swnh .swnh-mlinks a:hover,#swnh.swnh .swnh-mlinks a:focus-visible,#swnh.swnh .swnh-mlinks a[aria-current]{background-color:var(--swnh-mega-link-bg) !important;color:var(--swnh-mega-link-h) !important;border-left-color:var(--swnh-mega-marker) !important}
#swnh.swnh .swnh-mlinks a:active{background-color:var(--swnh-link-act-bg) !important;color:var(--swnh-link-act) !important;transition-duration:0s}

/* 4. Dolna krawędź */
#swnh.swnh .swnh-edge{display:flex;flex-direction:column;line-height:0;margin:0;padding:0}
#swnh.swnh .swnh-edge i{display:block;height:var(--swnh-edge-h1);background:var(--swnh-edge1)}
#swnh.swnh .swnh-edge--double i + i{height:var(--swnh-edge-h2);background:var(--swnh-edge2)}
#swnh.swnh .swnh-edge--split{flex-direction:row}
#swnh.swnh .swnh-edge--split i{flex:1 1 auto}
#swnh.swnh .swnh-edge--split i + i{flex:0 0 var(--swnh-edge-split);background:var(--swnh-edge2)}

/* telefon: elementy domyślnie ukryte na komputerze (pokazują je pliki mobile-*.css) */
#swnh.swnh .swnh-burger,#swnh.swnh .swnh-cta--bar{display:none}
#swnh.swnh .swnh-drawer[hidden],#swnh.swnh .swnh-overlay[hidden]{display:none !important}

/* 5. Edytor Elementora: bez przyklejania, z przyciskiem ukrywania */
#swnh.swnh.swnh--editor{position:relative !important;display:block !important;z-index:5 !important}
#swnh.swnh.swnh--editor .swnh-main{position:relative !important;top:auto !important;z-index:5 !important}
#swnh.swnh.swnh--editor.swnh--hidden > *:not(.swnh-edit-toggle){display:none !important}
#swnh.swnh .swnh-edit-toggle{position:fixed;left:14px;bottom:14px;z-index:2147483000;background:#1f2d3d !important;color:#fff !important;font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif !important;padding:10px 14px !important;border-radius:0 !important;box-shadow:0 6px 18px rgba(0,0,0,.25) !important;letter-spacing:0 !important}
#swnh.swnh .swnh-edit-toggle:hover{background:#34465a !important}

@media (prefers-reduced-motion:reduce){
	#swnh.swnh *{transition:none !important}
}