/* Ten sam język wizualny, motywy i kontrolki co w pełnym portalu. */
.start-widok {padding:0 24px 24px;background:var(--pow)}
.start-zawartosc {max-width:1220px;margin:auto}
.strona-startowa #kontekst-powiatu {display:none}
.start-nawigacja {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--linia2)}
.start-nawigacja>div {display:flex;gap:6px}
.start-nazwa {font-weight:750;font-size:18px}
.start-nazwa>span {color:var(--szary);font-size:13px;font-weight:400;margin-left:8px}
.start-hero {padding:42px 0 24px;text-align:center}
.start-nadtytul {text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:650;color:var(--akcent);margin:0 0 13px}
.start-widok .start-hero h1 {font-size:clamp(26px,3.1vw,44px);line-height:1.16;letter-spacing:-.035em;margin:0;text-wrap:balance}
.start-opis {color:var(--szary);font-size:16px;max-width:640px;margin:18px auto 28px;text-wrap:balance}
.start-szukanie {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;max-width:1000px;margin:auto;text-align:left}
#start-nawigator {min-width:0;flex:1}
#start-nawigator #nawigator {width:100%;max-width:none}
#start-nawigator .nav-pole {min-height:54px;border-color:color-mix(in srgb,var(--akcent) 50%,var(--linia));background:color-mix(in srgb,var(--akcent-tlo) 55%,var(--pow));box-shadow:0 4px 22px color-mix(in srgb,var(--akcent) 9%,transparent)}
#start-nawigator .nav-lista {max-width:100%;width:100%;z-index:1100}
#start-nawigator .nav-stopka {flex-wrap:wrap}
#start-pokaz {padding:0 20px;min-height:54px}
.start-marker {position:relative;grid-column:1/-1;grid-row:1;width:300px;max-width:70%;margin:-18px 5% -18px auto;height:auto;pointer-events:none;opacity:.92}
.start-wskazowka {margin:13px auto 0;color:var(--szary);font-size:12px}
.start-mapa-panel {border:1px solid var(--linia);border-radius:18px;overflow:hidden;box-shadow:var(--cien);background:var(--pow2)}
.start-mapa-glowa {display:flex;align-items:center;gap:10px;padding:12px 16px}
.start-mapa-glowa>div {flex:1;min-width:0}
.start-mapa-glowa strong {font-size:14px}
.start-mapa-glowa p {font-size:12px;color:var(--szary);margin:2px 0 0}
#start-mapa {height:clamp(260px,38vh,430px);width:100%;position:relative;z-index:0}
.start-kroki {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:30px 0 22px}
.start-symbol {color:var(--akcent);display:inline-flex;border-radius:10px;background:var(--akcent-tlo);padding:9px}
.start-widok .start-kroki h2 {margin:12px 0 8px;font-size:16px}
.start-kroki p {margin:0;color:var(--szary);line-height:1.6;font-size:13px}
.start-stopka {border-top:1px solid var(--linia2);padding-top:15px;color:var(--szary);font-size:12px}
:root[data-styl=nocny] .start-marker {filter:brightness(1.8)}
@media(max-width:1500px) {.start-hero {padding-top:28px}}
@media(max-width:720px) {
 .start-widok {padding:0 14px 20px}.start-nawigacja {padding:12px 0;flex-wrap:wrap}.start-nazwa>span {display:none}
 .start-nawigacja .przycisk {padding:0 8px;font-size:12px}.start-hero {padding:24px 0 18px}
 .start-szukanie {grid-template-columns:minmax(0,1fr)}#start-pokaz {min-height:44px}
 .start-marker {width:250px;max-width:90%;margin:-12px 0 -12px auto}.start-opis {font-size:14px;margin:14px auto 20px}
 .start-kroki {grid-template-columns:1fr;gap:22px}.start-kroki article {border-bottom:1px solid var(--linia2);padding-bottom:18px}
 .start-mapa-glowa {padding:10px;flex-wrap:wrap}.start-mapa-glowa .przycisk {font-size:12px;padding:0 9px}
 #start-nawigator .nav-stopka {display:none}
}


/* Widoczność akcji wynika z konfiguracji funkcji, także w wysuwanych panelach. */
html[data-funkcja-kolekcja="nie"] [data-funkcja="kolekcja"],
html[data-funkcja-tworzenie_kart="nie"] [data-funkcja="tworzenie_kart"] {display:none!important}
html[data-funkcja-kolekcja="nie"] .mp-wiersz {grid-template-columns:minmax(0,1fr)}
html[data-dostep="PUBLIC"] .strona-startowa #nawigacja,
html[data-dostep="PUBLIC"] .strona-startowa #menu-przycisk {display:none}
html[data-dostep="PUBLIC"] .strona-startowa > main {grid-column:1 / -1}
html[data-dostep="PUBLIC"] .strona-startowa {grid-template-columns:minmax(0,1fr)}
.limit-parametr {border:1px solid var(--linia2);border-radius:12px;padding:16px;margin:16px 0;background:var(--pow)}
.limit-parametr h2 {margin:0 0 6px}.limit-pola {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.limit-pola .pole {max-width:160px}.limit-wpis {display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--linia2)}
.limit-parametr .przyciski {flex-wrap:wrap}

#app.strona-startowa > .gora > .start-nawigacja {padding:0;border:0;margin:0;grid-column:2;grid-row:1;justify-self:end}
.gora > .start-nawigacja .start-nazwa {display:none}
@media(min-width:721px) {
 #app.strona-startowa > .gora {grid-template-columns:auto minmax(0,1fr) auto}
 #app.strona-startowa > .gora > .prawo {grid-column:3}
}
@media(max-width:720px) {
 #app.strona-startowa > .gora > .start-nawigacja {grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;padding:2px 8px 8px}
}

/* Stonowana tęczowa obwódka pozostaje poza tekstem i listą podpowiedzi. */
#start-nawigator .nav-pole {
 border:2px solid transparent;
 background:linear-gradient(var(--pow),var(--pow)) padding-box,
   linear-gradient(110deg,#cba89d,#d8c9a5,#acc8b4,#aac4ce,#bdb3d0,#d2aebd,#cba89d) border-box;
 box-shadow:0 3px 22px #b4b6c324;
}
#start-nawigator .nav-pole:focus-within {box-shadow:0 0 0 3px color-mix(in srgb,var(--akcent) 14%,transparent),0 4px 24px #b4b6c340}
:root[data-styl=nocny] #start-nawigator .nav-pole {background:linear-gradient(var(--pow),var(--pow)) padding-box,linear-gradient(110deg,#947b73,#999079,#7f9b89,#77959f,#89829e,#9c7c89) border-box}

/* PUBLIC09: dekoracja, wspólna wyszukiwarka i mapa pozostają osobnymi warstwami. */
.start-widok {--start-baza:var(--tlo);background:var(--start-baza);position:relative;isolation:isolate}
.start-widok::before {content:"";position:absolute;z-index:-1;inset:0 0 auto;height:570px;pointer-events:none;background:linear-gradient(to bottom,transparent 65%,var(--start-baza)),url('obrazy/start-kartografia.webp') center top/cover no-repeat;opacity:.75}
.start-hero {padding:30px 0 22px}
.start-widok .start-hero h1 {font-size:clamp(26px,3vw,42px);line-height:1.16;max-width:850px;margin:0 auto}
.start-opis {margin:14px auto 0;max-width:620px}
.start-szukanie {margin:76px auto 0;padding:8px;border:1px solid transparent;border-radius:18px;gap:8px;background:linear-gradient(var(--pow),var(--pow)) padding-box,linear-gradient(110deg,#d9c2b5,#ddcfb0,#b7cfbc,#b9cdd7,#c7bbd9,#dec4ca) border-box;box-shadow:0 7px 28px #82776b13,0 1px 4px #82776b0c}
.start-szukanie::before {content:"";position:absolute;inset:-5px;border-radius:22px;z-index:-1;pointer-events:none;background:linear-gradient(110deg,#d1a99a,#dfd1ac,#aacbb6,#a9c7d7,#c6b2d5,#d4b5be);filter:blur(12px);opacity:.18}
#start-nawigator {position:relative;display:flex;align-items:center;border:1px solid var(--linia);border-radius:11px;background:var(--pow)}
#start-nawigator .nav-pole {min-height:50px;border:0;background:transparent;box-shadow:none}
#start-nawigator .nav-pole:focus-within {box-shadow:0 0 0 2px color-mix(in srgb,var(--akcent) 20%,transparent)}
#start-nawigator #nawigator {flex:1;min-width:0}
.start-lokalizacja {width:18px;height:22px;flex:none;margin-left:12px;background:url('obrazy/start-lokalizacja.svg') center/contain no-repeat;pointer-events:none}
#start-pokaz {min-height:52px;border-radius:11px;padding:0 22px;box-shadow:inset 0 1px 0 #ffffff25,0 2px 5px #8f3e2412}
.start-marker {position:absolute;grid-area:auto;width:190px;max-width:none;height:auto;right:8%;top:-99px;margin:0;opacity:.94;pointer-events:none;transform:rotate(-3deg)}
.start-strzalka {position:absolute;right:28%;top:-37px;width:51px;height:62px;pointer-events:none;z-index:1}
.start-wskazowka {max-width:850px;line-height:1.55;margin-top:12px}
.start-mapa-panel {border-radius:16px;box-shadow:0 5px 22px #82776b0e}
.start-mapa-glowa {background:var(--pow)}
.start-kroki {gap:26px}
:root[data-styl=nocny] .start-widok {--start-baza:var(--tlo)}
:root[data-styl=nocny] .start-widok::before {opacity:.08;filter:invert(1)}
:root[data-styl=nocny] .start-marker {filter:brightness(0) invert(.82)}
:root[data-styl=nocny] .start-szukanie {background:linear-gradient(var(--pow),var(--pow)) padding-box,linear-gradient(110deg,#7f6d65,#87826b,#688474,#6c8791,#807a91) border-box}
:root[data-styl=nocny] #start-nawigator .nav-pole {background:transparent}
@media(max-width:1000px) {.start-marker {right:3%;width:170px;top:-90px}.start-strzalka {right:26%;top:-32px;width:44px;height:55px}.start-szukanie {margin-top:68px}}
@media(max-width:720px) {
 .start-widok::before {opacity:.3;height:420px;background-size:auto 420px}
 .start-hero {padding:22px 0 18px}.start-nadtytul {font-size:10px;letter-spacing:.07em}
 .start-opis {font-size:14px;margin-top:12px}.start-szukanie {margin-top:22px;padding:7px;border-radius:15px}
 .start-marker,.start-strzalka {display:none}
 #start-pokaz {min-height:46px;padding:0 12px;font-size:14px}
 #start-nawigator .nav-pole {min-height:46px}.start-lokalizacja {margin-left:8px;width:15px}
 .start-wskazowka {font-size:11px;line-height:1.55}
}

.start-kroki {grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:24px 0 20px}
.start-kroki article {display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 10px;align-content:start}
.start-symbol {padding:8px;align-self:center;justify-self:start}.start-symbol .ikona {width:16px;height:16px}
.start-widok .start-kroki h2 {margin:0;font-size:14px;align-self:center;line-height:1.3}
.start-kroki p {grid-column:1/-1;margin:0;font-size:12px;line-height:1.55}
.start-geolokalizacja {font-size:12px;min-height:30px;padding:4px 10px;margin:0 auto}
.start-lokalizacja-stan {margin:4px auto 0;max-width:620px;font-size:12px;color:var(--szary)}
.start-lokalizacja-stan:empty {display:none}
@media(max-width:1100px) {.start-kroki {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:550px) {.start-kroki {grid-template-columns:minmax(0,1fr);gap:14px}.start-kroki article {padding-bottom:14px}.start-kroki p {grid-column:2}}

.start-wsparcie { display:inline-block; margin-left:1rem; color:inherit; text-underline-offset:3px; }
.limit-wpis { overflow-wrap:anywhere; }

html[data-funkcja-zapis_karty="nie"] [data-funkcja="zapis_karty"],
html[data-funkcja-kolekcja="nie"] .mp-kolekcje { display:none!important; }