@charset "UTF-8";
/* ============================================================
   Biuletyn Informacji Publicznej
   Poradnia Psychologiczno-Pedagogiczna w Stargardzie

   Arkusz ładowany PO styl.css, wyłącznie na stronach BIP.
   Zawiera: pasek dostępności, tryby wysokiego kontrastu,
   układ dwukolumnowy z menu bocznym, metryczkę, załączniki,
   rejestr zmian.
   ============================================================ */

/* ------------------------------------------------------------
   SKALA CZCIONKI (pasek dostępności)
   ------------------------------------------------------------ */
html.cz-2{--skala:1.15;--interlinia:1.72}
html.cz-3{--skala:1.32;--interlinia:1.85}

/* ------------------------------------------------------------
   TRYBY WYSOKIEGO KONTRASTU
   Wymóg ustawy o dostępności cyfrowej. Trzy warianty jak
   w typowych szablonach BIP.
   ------------------------------------------------------------ */
html.k-bw,html.k-cz,html.k-zc{
  --cien:none;--cien-hover:none;
}
/* czarno-biały */
html.k-bw{
  --papier:#000;--biel:#000;--atrament:#fff;--atrament-mid:#fff;--stal:#fff;
  --szalwia:#fff;--szalwia-ciemna:#fff;--szalwia-tint:#000;--gryf:#fff;--gryf-tint:#000;
  --lazur:#000;--lazur-ciemny:#fff;--linia:#fff;--linia-mocna:#fff;
}
/* czarne tło, żółty tekst */
html.k-cz{
  --papier:#000;--biel:#000;--atrament:#ff0;--atrament-mid:#ff0;--stal:#ff0;
  --szalwia:#ff0;--szalwia-ciemna:#ff0;--szalwia-tint:#000;--gryf:#ff0;--gryf-tint:#000;
  --lazur:#000;--lazur-ciemny:#ff0;--linia:#ff0;--linia-mocna:#ff0;
}
/* żółte tło, czarny tekst */
html.k-zc{
  --papier:#ff0;--biel:#ff0;--atrament:#000;--atrament-mid:#000;--stal:#000;
  --szalwia:#000;--szalwia-ciemna:#000;--szalwia-tint:#ff0;--gryf:#000;--gryf-tint:#ff0;
  --lazur:#ff0;--lazur-ciemny:#000;--linia:#000;--linia-mocna:#000;
}
html.k-bw body,html.k-cz body,html.k-zc body{background:var(--papier)}
html.k-bw a,html.k-cz a,html.k-zc a{text-decoration:underline}
html.k-bw .tresc,html.k-cz .tresc,html.k-zc .tresc,
html.k-bw .info,html.k-cz .info,html.k-zc .info,
html.k-bw .metryczka,html.k-cz .metryczka,html.k-zc .metryczka,
html.k-bw .bip-menu,html.k-cz .bip-menu,html.k-zc .bip-menu{
  border:2px solid var(--linia);
}
html.k-bw .przycisk,html.k-cz .przycisk,html.k-zc .przycisk,
html.k-bw .plik,html.k-cz .plik,html.k-zc .plik,
html.k-bw .wcag__opcja,html.k-cz .wcag__opcja,html.k-zc .wcag__opcja{
  border:2px solid var(--linia)!important;background:var(--papier)!important;color:var(--atrament)!important;
}
html.k-bw .bip-gora,html.k-cz .bip-gora,html.k-zc .bip-gora,
html.k-bw .wcag,html.k-cz .wcag,html.k-zc .wcag,
html.k-bw .dol,html.k-cz .dol,html.k-zc .dol{
  background:var(--papier);color:var(--atrament);border-color:var(--linia);
}
html.k-bw .bip-gora a,html.k-cz .bip-gora a,html.k-zc .bip-gora a,
html.k-bw .wcag a,html.k-cz .wcag a,html.k-zc .wcag a,
html.k-bw .wcag button,html.k-cz .wcag button,html.k-zc .wcag button,
html.k-bw .bip-gora__nazwa,html.k-cz .bip-gora__nazwa,html.k-zc .bip-gora__nazwa,
html.k-bw .bip-gora__podmiot,html.k-cz .bip-gora__podmiot,html.k-zc .bip-gora__podmiot{
  color:var(--atrament);
}
html.k-bw .bip-menu a[aria-current="page"],html.k-cz .bip-menu a[aria-current="page"],html.k-zc .bip-menu a[aria-current="page"]{
  background:var(--atrament);color:var(--papier);text-decoration:none;
}
html.k-bw img,html.k-cz img,html.k-zc img{filter:grayscale(1) contrast(1.4)}

/* ------------------------------------------------------------
   PASEK DOSTĘPNOŚCI
   ------------------------------------------------------------ */
.wcag{background:var(--atrament);color:#fff;font-size:.82rem}
.wcag__pas{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.35rem;
  padding-block:.5rem;
}
.wcag__grupa{display:flex;align-items:center;gap:.4rem}
.wcag__etykieta{
  font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;
  color:rgba(255,255,255,.62);
}
.wcag__opcja{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:2.1rem;height:1.95rem;padding:0 .5rem;
  border:1.5px solid rgba(255,255,255,.3);border-radius:6px;
  background:transparent;color:#fff;cursor:pointer;
  font-family:var(--tekst);font-weight:700;font-size:.82rem;line-height:1;
}
.wcag__opcja:hover{border-color:#fff;background:rgba(255,255,255,.12)}
.wcag__opcja[aria-pressed="true"]{background:#fff;color:var(--atrament);border-color:#fff}
.wcag__opcja--bw{background:#000;color:#fff;border-color:#fff}
.wcag__opcja--cz{background:#000;color:#ff0;border-color:#ff0}
.wcag__opcja--zc{background:#ff0;color:#000;border-color:#ff0}
.wcag__opcja--a1{font-size:.72rem}
.wcag__opcja--a3{font-size:1.05rem}
.wcag :focus-visible{outline-color:#fff}
.wcag__serwis{margin-left:auto}
.wcag__serwis a{color:#fff;text-decoration:none;font-weight:600;font-size:.82rem}
.wcag__serwis a:hover{text-decoration:underline}

/* ------------------------------------------------------------
   NAGŁÓWEK BIP
   ------------------------------------------------------------ */
.bip-gora{background:var(--biel);border-bottom:3px solid var(--atrament)}
.bip-gora__pas{
  display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;padding-block:1.35rem;
}
.bip-gora__marka{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}
.bip-gora__logo{flex:0 0 auto}
.bip-gora__nazwa{
  font-family:var(--display);font-weight:800;
  font-size:calc(1.05rem * var(--skala));letter-spacing:-.015em;
  line-height:1.2;display:block;
}
.bip-gora__podmiot{
  font-size:.85rem;color:var(--stal);display:block;margin-top:.15rem;max-width:42ch;
}
.bip-szukaj{position:relative;margin-left:auto;min-width:min(100%,300px)}
.bip-szukaj input{
  width:100%;font-family:var(--tekst);font-size:.92rem;color:var(--atrament);
  padding:.6rem 2.4rem .6rem .9rem;
  border:1.5px solid var(--linia-mocna);border-radius:9px;background:var(--papier);
}
.bip-szukaj input:focus{outline:3px solid var(--gryf);outline-offset:2px;background:var(--biel)}
.bip-szukaj__ikona{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--stal);pointer-events:none}
.bip-wyniki{
  position:absolute;z-index:60;top:calc(100% + .4rem);left:0;right:0;
  background:var(--biel);border:1.5px solid var(--linia-mocna);border-radius:10px;
  box-shadow:var(--cien-hover);max-height:340px;overflow-y:auto;
  list-style:none;margin:0;padding:.35rem;
}
.bip-wyniki[hidden]{display:none}
.bip-wyniki li{margin:0;max-width:none}
.bip-wyniki a{
  display:block;padding:.55rem .7rem;border-radius:7px;
  text-decoration:none;color:var(--atrament);font-size:.9rem;line-height:1.35;
}
.bip-wyniki a:hover,.bip-wyniki a:focus{background:var(--szalwia-tint)}
.bip-wyniki small{display:block;color:var(--stal);font-size:.78rem;margin-top:.1rem}
.bip-wyniki__pusto{padding:.75rem;color:var(--stal);font-size:.88rem}

/* ------------------------------------------------------------
   UKŁAD DWUKOLUMNOWY
   ------------------------------------------------------------ */
.bip-uklad{
  display:grid;grid-template-columns:264px minmax(0,1fr);
  gap:2.5rem;align-items:start;padding-block:2rem 3.5rem;
}
.bip-menu{
  position:sticky;top:1rem;
  background:var(--biel);border:1px solid var(--linia);border-radius:var(--r);
  padding:1.1rem .85rem;box-shadow:var(--cien);
}
.bip-menu h2{
  font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;
  color:var(--stal);font-weight:500;margin:0 0 .8rem;padding-inline:.55rem;
}
.bip-menu ul{list-style:none;margin:0;padding:0}
.bip-menu li{margin:0;max-width:none}
.bip-menu>ul>li+li{margin-top:.35rem}
.bip-menu__dzial{
  font-weight:700;font-size:.85rem;color:var(--atrament);
  padding:.45rem .55rem .3rem;letter-spacing:-.005em;
}
.bip-menu a{
  display:block;padding:.42rem .55rem;border-radius:7px;
  text-decoration:none;color:var(--atrament-mid);font-size:.88rem;line-height:1.35;
}
.bip-menu a:hover{background:var(--szalwia-tint);color:var(--szalwia-ciemna)}
.bip-menu a[aria-current="page"]{
  background:var(--atrament);color:#fff;font-weight:600;
}
.bip-menu ul ul a{padding-left:1.1rem;border-left:2px solid var(--linia);border-radius:0 7px 7px 0}
.bip-menu ul ul a[aria-current="page"]{border-left-color:var(--gryf)}
.bip-menu__bip{
  display:flex;justify-content:center;
  margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--linia);
}

/* ------------------------------------------------------------
   TREŚĆ STRONY BIP
   ------------------------------------------------------------ */
.bip-tresc>*:last-child{margin-bottom:0}
.bip-naglowek{
  display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;
  padding-bottom:1.1rem;margin-bottom:1.75rem;border-bottom:2px solid var(--linia-mocna);
}
.bip-naglowek h1{
  font-family:var(--display);font-weight:700;
  font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.12;letter-spacing:-.026em;
  margin:0;flex:1 1 auto;text-wrap:balance;
}
.bip-naglowek__lead{
  width:100%;margin:.3rem 0 0;color:var(--atrament-mid);
  font-size:calc(.98rem * var(--skala));
}
.drukuj{
  display:inline-flex;align-items:center;gap:.45rem;
  border:1.5px solid var(--linia-mocna);border-radius:8px;background:var(--biel);
  color:var(--atrament);cursor:pointer;
  font-family:var(--tekst);font-size:.82rem;font-weight:600;padding:.5rem .8rem;
}
.drukuj:hover{border-color:var(--szalwia);background:var(--szalwia-tint)}

/* karta „brak danych” — częsta w BIP */
.brak{
  background:var(--biel);border:1px dashed var(--linia-mocna);border-radius:var(--r);
  padding:1.75rem;margin:0 0 1.75rem;
}
.brak>*:first-child{margin-top:0}
.brak>*:last-child{margin-bottom:0}
.brak p,.brak li{max-width:none}

/* ------------------------------------------------------------
   TABELA REJESTROWA (dane podmiotu, katalog spraw)
   ------------------------------------------------------------ */
.dane{
  display:grid;grid-template-columns:minmax(150px,auto) minmax(0,1fr);
  gap:0;margin:0 0 2rem;
  border:1px solid var(--linia);border-radius:var(--r);overflow:hidden;background:var(--biel);
}
.dane dt{
  font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;
  color:var(--stal);padding:.8rem 1.1rem;background:var(--papier);
  border-bottom:1px solid var(--linia);display:flex;align-items:center;
}
.dane dd{
  margin:0;padding:.8rem 1.1rem;border-bottom:1px solid var(--linia);
  font-size:calc(.95rem * var(--skala));
}
.dane dt:last-of-type,.dane dd:last-of-type{border-bottom:none}

/* ------------------------------------------------------------
   METRYCZKA / ZAŁĄCZNIKI / REJESTR ZMIAN
   ------------------------------------------------------------ */
.bip-stopa{margin-top:3rem;display:grid;gap:1rem}
.bip-blok{
  background:var(--biel);border:1px solid var(--linia);border-radius:var(--r);
  overflow:hidden;
}
.bip-blok>summary{
  cursor:pointer;list-style:none;
  display:flex;align-items:center;gap:.6rem;
  padding:.9rem 1.25rem;
  font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;
  font-weight:600;color:var(--atrament);
}
.bip-blok>summary::-webkit-details-marker{display:none}
.bip-blok>summary::before{
  content:"";width:0;height:0;flex:0 0 auto;
  border-left:6px solid var(--stal);border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;
  transition:transform .15s ease;
}
.bip-blok[open]>summary::before{transform:rotate(90deg)}
.bip-blok>summary:hover{background:var(--papier)}
.bip-blok__tresc{padding:0 1.25rem 1.25rem;border-top:1px solid var(--linia);padding-top:1.1rem}

.metryczka{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1.1rem 2rem;margin:0;
}
.metryczka div{min-width:0}
.metryczka dt{
  font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;
  color:var(--stal);margin-bottom:.25rem;
}
.metryczka dd{margin:0;font-size:.9rem;font-weight:500}
.puste{
  font-family:var(--mono);font-size:.78rem;font-weight:500;
  background:var(--gryf-tint);color:#8A2C24;
  padding:.12rem .45rem;border-radius:5px;
}

.zalaczniki{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.zalaczniki li{max-width:none}
.zalaczniki a{
  display:flex;align-items:center;gap:.65rem;
  padding:.65rem .85rem;border:1px solid var(--linia);border-radius:9px;
  text-decoration:none;color:var(--atrament);font-size:.92rem;font-weight:500;
}
.zalaczniki a:hover{border-color:var(--szalwia);background:var(--szalwia-tint)}
.zalaczniki .typ{
  font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.06em;
  background:var(--papier);border:1px solid var(--linia-mocna);border-radius:5px;
  padding:.1rem .35rem;flex:0 0 auto;
}

table.zmiany{width:100%;border-collapse:collapse;font-size:.88rem}
table.zmiany th,table.zmiany td{
  text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--linia);vertical-align:top;
}
table.zmiany thead th{
  font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;
  color:var(--stal);font-weight:500;
}
table.zmiany tbody tr:last-child td{border-bottom:none}
table.zmiany td:first-child{font-family:var(--mono);font-size:.8rem;white-space:nowrap}

/* ------------------------------------------------------------
   RESPONSYWNOŚĆ
   ------------------------------------------------------------ */
@media (max-width:900px){
  .bip-uklad{grid-template-columns:1fr;gap:1.5rem;padding-block:1.25rem 2.5rem}
  .bip-menu{position:static}
  .bip-gora__pas{gap:1rem}
  .bip-szukaj{margin-left:0;min-width:100%}
  .wcag__serwis{margin-left:0;width:100%}
}
@media (max-width:560px){
  .dane{grid-template-columns:1fr}
  .dane dt{border-bottom:none;padding-bottom:.2rem}
  .dane dd{padding-top:.2rem}
  .bip-gora__nazwa{font-size:calc(.95rem * var(--skala))}
  .wcag__pas{gap:.5rem .9rem}
}

@media print{
  .wcag,.bip-menu,.bip-szukaj,.drukuj,.bip-gora__logo{display:none}
  .bip-uklad{grid-template-columns:1fr;padding:0}
  .bip-blok{border-color:#999;break-inside:avoid}
  .bip-blok>summary::before{display:none}
  .bip-blok__tresc{display:block!important}
  .zalaczniki a::after{content:" — " attr(href);font-size:8pt;font-weight:400;word-break:break-all}
}