/*
Theme Name: Barczak Rozpara Hybryda
Theme URI: https://barczak-rozpara.pl/
Author: MikoAdsStudio
Description: Motyw kancelarii Barczak Rozpara w kierunku Hybryda, wybranym 8 wrzesnia 2026 z pieciu tablic. Z tablicy A: zielony pierwszy ekran, haslo "Po Panstwa stronie" w papierze i miedziana kreska, ktora podkresla wazne rzeczy, a nie zdjecia. Z tablicy D: cztery okna portretow jeden do jednego z poprzednia wersja, podzial na trzy piony spraw (ubezpieczyciel, bank, korporacja) w trzech stopniach zieleni, siatka dwunastu radcow, trzy zdania na zieleni. Kroje Archivo i IBM Plex Mono lokalnie, zero zapytan na zewnatrz. Silnik z linii GLOS 2 (typy tresci, Centrum tresci, formularze, baza wiedzy) zostaje bez zmian; kierunek siedzi w assets/css/hybryda.css nad arkuszem GLOS. Od 4.1.0 kreska jest jednym z pieciu gestow sladu reki (kreska, kolko, skreslenie na krzyz, zakreslacz, margines) w jednym kolorze; kazdy gest znaczy jedno, tylko na slowach; zakreslacz pracuje gesto, po kolei, jak jedna reka. 4.4.0: znak i miedz #C86E16 wedlug Ksiegi znaku 1.0, haslo "Zawsze po wlasciwej stronie". Od 4.2.0 jedna miedz na calym serwisie (podbicie wylacznie na najechaniu na przycisk), okna portretow stoja bez ruchu za kursorem, a zdjecia na stronie glownej leza na polowie szerokosci obok tekstu, nie na calej. 4.2.1: trzy piony w jednej siatce wierszy (etykieta, tytul, cytat, lista, osoby, odnosnik stoja rowno w trzech kolumnach); slowo "koncern" ustapilo slowu "korporacja" w calym serwisie.
Version: 5.10.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: brglos2
Tags: kancelaria, prawo, jednokolumnowy, wlasny-naglowek, wlasne-menu, blok-wpisow, dostepnosc
*/

/* ==========================================================================
   Ten plik nie niesie wygladu strony. Wyglad siedzi w assets/css/glos2.css,
   ktory jest arkuszem prototypu przeniesionym bez zmian, zeby kazda
   pozniejsza poprawka miala jedno miejsce i zeby dalo sie go porownac
   z makieta linia po linii.
   Tutaj jest wylacznie to, czego prototyp nie mogl wiedziec: klasy, ktore
   dokleja WordPress, pasek administratora i widoki bloga.
   ========================================================================== */

/* --- pasek administratora ------------------------------------------------
   Naglowek jest lepki (position: sticky, top: 0), wiec zalogowanemu
   redaktorowi chowalby sie pod paskiem WordPressa. */
.admin-bar .szczyt { top: 32px; }
.admin-bar .lista  { top: 32px; height: calc(100% - 32px); }
@media screen and (max-width: 782px) {
  .admin-bar .szczyt { top: 46px; }
  .admin-bar .lista  { top: 46px; height: calc(100% - 46px); }
}

/* --- cytat klienta -------------------------------------------------------
   Makieta byla otwierana jako zwykly plik, wiec cytat w <figure> mial
   marginesy z arkusza przegladarki: 40 px z bokow i 16 px u gory. Wygladalo
   to celowo (cytat wezszy od kolumny, wiecej powietrza miedzy opiniami) i w
   takiej postaci zostalo przyjete. WordPress dokłada wlasny arkusz bloków,
   ktory te marginesy zeruje, wiec cytat rozlewal sie na cala kolumne.
   Zamiast liczyc na przypadek przegladarki, ta sama proporcja jest tu
   zapisana wprost. */
.opinia { margin: 1rem 2.5rem; }

/* Znak w stopce ma pod soba odstep przed nazwa spolki. W makiecie stal on
   w atrybucie style przy samym odnosniku; tutaj jest regula, bo znak sklada
   jedna funkcja dla naglowka i dla stopki. */
.stopka .znak { margin-bottom: 1rem; }

/* --- klasy dokladane przez edytor ---------------------------------------- */
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft   { float: left;  margin: .3rem 1.6rem 1rem 0; }
.alignright  { float: right; margin: .3rem 0 1rem 1.6rem; }
.alignwide, .alignfull { max-width: 100%; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .wp-block-image figcaption {
  font-size: var(--t-mala); color: var(--tusz-slaby); margin-top: .6rem;
}
.wp-block-quote { border-left: 2px solid var(--linia); padding-left: 1.4rem; margin-left: 0; }
.wp-block-separator { border: 0; border-top: 1px solid var(--linia); margin: var(--blok) 0; }
.wp-block-button__link { display: inline-block; }
.sticky .wpis__tyt::after { content: " *"; color: var(--tusz-slaby); }

/* Tekst wylacznie dla czytnika ekranu. WordPress uzywa tej klasy w
   formularzu wyszukiwania i w nawigacji miedzy wpisami. */
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: fixed; top: 1rem; left: 1rem; width: auto; height: auto;
  clip: auto; padding: .75rem 1.25rem; background: var(--tusz);
  color: var(--papier); z-index: 999;
}

/* --- blog: lista i wpis ---------------------------------------------------
   Prototyp nie mial bloga, bo kancelaria go nie prowadzila. Szablon jest,
   bo WordPress musi miec czym wyswietlic wpis, kategorie i wynik
   wyszukiwania. Uklad jest ten sam co w prozie podstron: jedna kolumna,
   miara wiersza ograniczona, zero ozdob. */
.wpisy { display: grid; gap: var(--blok); margin-top: var(--blok); }
.wpis {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .6rem 2rem;
  align-items: baseline; padding-bottom: var(--blok);
  border-bottom: 1px solid var(--linia);
}
.wpis:last-child { border-bottom: 0; }
.wpis__tyt {
  font-family: var(--display); font-weight: 400; font-size: var(--t-sredni);
  line-height: 1.2; margin: 0;
}
.wpis__tyt a { color: inherit; text-decoration: none; }
.wpis__tyt a:hover { text-decoration: underline; text-underline-offset: .25em; }
.wpis__data { font-size: var(--t-etyk); letter-spacing: .12em; text-transform: uppercase; color: var(--tusz-slaby); }
.wpis__zajawka { grid-column: 1 / -1; max-width: var(--miara); color: var(--tusz-akapit); margin: 0; }
@media (max-width: 767px) {
  .wpis { grid-template-columns: 1fr; }
}

/* Nawigacja stronicowania i miedzy wpisami. */
.strony { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: var(--sek); }
.strony .page-numbers {
  min-width: 44px; min-height: 44px; display: inline-flex;
  align-items: center; justify-content: center; padding: 0 .8rem;
  border: 1px solid var(--linia); text-decoration: none; color: var(--tusz);
}
.strony .page-numbers.current { background: var(--tusz); color: var(--papier); border-color: var(--tusz); }
.strony .page-numbers:hover { border-color: var(--tusz); }

/* --- pole wyszukiwania --------------------------------------------------- */
.szukaj { display: flex; gap: .8rem; flex-wrap: wrap; max-width: 32rem; }
.szukaj input[type="search"] {
  flex: 1 1 14rem; min-height: 48px; padding: .7rem .9rem;
  border: 1px solid var(--linia); background: var(--papier-jasny);
  font: inherit; color: inherit;
}
.szukaj input[type="search"]:focus-visible { outline: 2px solid var(--tusz); outline-offset: 2px; }

/* --- komunikat po wyslaniu zgloszenia ------------------------------------
   Blad wysylki jest jedynym miejscem, w ktorym strona mowi o sobie samej.
   Ma byc rzeczowy: co sie stalo i co zrobic zamiast tego. */
.blad-wysylki {
  border: 1px solid var(--tusz); padding: 1rem 1.2rem; margin-bottom: 1.4rem;
  font-size: var(--t-mala);
}