/* Odświeżenie VIS: ciemny motyw, złote akcenty i fotografie klubu. */
:root{--vis-gold:#ddbb64;--vis-ink:#0b1015;--vis-surface:#131b20;--vis-border:rgba(224,199,137,.15)}
body{background:#0b1015;color:#f4f2eb}
.nav{background:rgba(9,15,16,.94);border-bottom:1px solid rgba(224,199,137,.13)}
.nav .navInner{width:min(1500px,calc(100% - 48px));min-height:82px;gap:14px}
.nav .brand{flex:0 0 auto;gap:10px;max-width:260px}
.nav .links{gap:1px;flex-wrap:nowrap;justify-content:flex-end}
.nav .links a{font-size:15px;line-height:1.2;white-space:nowrap;padding:10px 8px;border-radius:3px;color:#f5f3ed}
.nav .links a.visPortalNav,.mobilePanel a.visPortalMobile{background:transparent;color:inherit;font-weight:inherit;padding:10px 8px;border-radius:3px;box-shadow:none}
.nav .links a.visPortalNav:hover,.mobilePanel a.visPortalMobile:hover{background:rgba(212,175,55,.16);color:var(--vis-gold)}
.visPortalNav span{display:none}
.mobilePanel a.visPortalMobile{margin:0;text-align:left;padding:10px 8px}
.visPortalQuick{display:none;color:#f5f3ed;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none;padding:10px 8px}
.visPortalQuick:hover{color:var(--vis-gold)}
.nav a:focus-visible,.mobilePanel a:focus-visible{outline:2px solid #f2d88d;outline-offset:3px}
/* Hero inspirowany RTS: duże zdjęcie w tle i treści VIS pozostają na stronie. */
.hero{padding-top:24px}
.hero .heroGrid{grid-template-columns:minmax(0,1fr);gap:24px}
.heroMain{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:560px;padding:clamp(28px,5vw,72px);overflow:hidden;border:1px solid rgba(212,175,55,.25);border-radius:3px;background:linear-gradient(90deg,rgba(7,13,15,.97) 0%,rgba(7,13,15,.89) 42%,rgba(7,13,15,.25) 100%),url('../assets/galeria/vis-fb-zespol.jpg') center center/cover no-repeat;box-shadow:0 26px 65px rgba(0,0,0,.24)}
.heroMain .chip{align-self:flex-start;background:rgba(13,24,20,.8);border-color:rgba(221,187,100,.35);color:#e7d29d}
.heroMain .kicker{color:#e3c579;letter-spacing:.14em}
.heroMain .h1{max-width:13ch;font-size:clamp(42px,5.3vw,70px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
.heroMain .lead{max-width:680px;font-size:clamp(16px,1.35vw,18px);line-height:1.65;color:#edf0e9;text-shadow:0 1px 12px #000}
.heroMain .heroQuote{color:#eadcab}
.heroSide{background:#111b1a;border:1px solid rgba(212,175,55,.19);border-radius:14px;padding:28px}
.heroSide .mini{background:rgba(255,255,255,.035);border-color:rgba(212,175,55,.13)}
.sectionHead .kicker,.pageHeroCompact .kicker{color:#d9b961;letter-spacing:.13em}
.card{border-color:var(--vis-border);box-shadow:0 12px 34px rgba(0,0,0,.12)}
.card,.mini,.miniCard,.infoCard,.contentCard,.summaryCard,.noteCard,.newsCard,.postCard,.galleryCard,.weaponCard,.nextEventBanner,.visCalendar,.scheduleCard,.infoDocCard{border-radius:3px!important}
.pageHeroCompact{background:linear-gradient(120deg,rgba(31,56,42,.58),rgba(11,16,21,0) 70%);border-bottom:1px solid rgba(212,175,55,.10)}
@media(min-width:981px) and (max-width:1450px){.nav .navInner{width:calc(100% - 32px);flex-wrap:wrap;gap:0 12px;padding:9px 0}.nav .brand{order:0}.nav .actions{order:1;margin-left:auto}.nav .links{order:2;flex:1 0 100%;justify-content:flex-start;flex-wrap:wrap}.nav .links a{padding:9px 9px}}
@media(max-width:980px){.nav .links{display:none!important}.nav .hamburger{display:inline-flex!important}.visPortalQuick{display:inline-block}.nav .navInner{width:calc(100% - 32px)}.nav .brand{max-width:calc(100% - 230px)}}
@media(max-width:760px){.nav .navInner{min-height:70px}.nav .brand{max-width:calc(100% - 145px)}.visPortalQuick{display:none}.hero{padding-top:14px}.heroMain{min-height:490px;padding:28px 23px;background:linear-gradient(90deg,rgba(7,13,15,.96),rgba(7,13,15,.65)),url('../assets/galeria/vis-fb-zespol.jpg') 64% center/cover no-repeat}.heroMain .h1{max-width:none;font-size:clamp(38px,10vw,52px)}.heroMain .lead{font-size:15px;line-height:1.6}.heroSide{padding:22px}}
@media(max-width:400px){.nav .navInner{width:calc(100% - 22px)}.nav .brand{max-width:calc(100% - 96px)}.nav .facebookIcon,.nav .fbNavBtn{display:none!important}.nav .actions{gap:5px!important}}