/*
 * Nadpisania stylów rdzenia WordPressa, które MUSZĄ stać POZA @layer, i opis pułapek rdzenia.
 *
 * Od 22.10.2026 cudzy CSS stoi w warstwie `wp` (inc/assets.php, inc/editor.php), więc reguły motywu wygrywają
 * z rdzeniem z warstwy `components`. Wyjątek to kanwa edytora: część stylów rdzenia edytor wstrzykuje do kanwy
 * skryptem (style odmian bloków, np. `:root :where(.wp-block-button.is-style-outline-<id> ...)`, i układy
 * `.wp-container-*`), bez warstwy i poza zasięgiem motywu. Reguła, która ma z nimi wygrać, stoi tutaj, bez
 * warstwy. Plik ładuje się po strona-glowna.css (inc/assets.php), na froncie i w kanwie (inc/editor.php).
 * Inne wyjątki poza warstwą: header.css (CookieYes, wstrzykiwany skryptem), formularz.css (CF7 Apps).
 *
 * Trzy znane pułapki rdzenia (realizacja Alfa, 12-13.10.2026):
 *
 * 1. Odstęp układu „flow”: rdzeń daje `:root :where(.is-layout-flow) > * { margin-block-start: 24px }`
 *    (blockGap z theme.json). Sekcja, która trzyma odstępy dzieci sama (siatka z gap), musi zerować
 *    marginesy dzieci, inaczej pierwszy element stoi 24 px niżej od reszty. W motyw-start:
 *    strona-glowna.css (sekcje strony głównej, „> * { margin: 0 }”) i uklady.css (odstęp 1rem w grupach
 *    i kolumnach w .c-content). Nowy styl sekcji klienta dopisuj do listy zerującej w pliku, w którym stoi
 *    ta sekcja (od 22.10 w warstwie components, bo rdzeń jest w `wp`).
 *
 * 2. Wysokość zdjęcia: rdzeń daje `.wp-block-image img { height: auto }`. Zdjęcie, które ma wypełnić
 *    wysokość sekcji, potrzebuje `height: 100%; object-fit: cover` (wzór Alfa, wtedy jeszcze poza warstwą:
 *    strona-glowna.css, `:is(.is-style-hero-zdjecie, ...) img`).
 *
 * 3. Styl „Obrys” bloku Przyciski: niżej. Bez tej reguły przycisk w stylu obrysu był pełny, bo reguła
 *    przycisku w base.css nadaje tło każdemu .wp-block-button__link. Poza warstwą, bo w kanwie edytor
 *    wstrzykuje styl odmiany „Obrys” bez warstwy (szara ramka 2 px; sprawdzone 22.10.2026).
 */

/* ---------- 3. Przycisk w stylu „Obrys” (is-style-outline) ----------
 * Specyficzność 0,4,0, tak jak reguła przycisku w strona-glowna.css; wygrywa kolejnością pliku.
 * Linia i napis w --c-accent-text (kolor tekstu akcentu, kontrast co najmniej 4,5 na tle strony),
 * nie w --c-action: kolor przycisku bywa jasny (w motyw-start #EE7F00 ma na bieli 2,74, za mało
 * nawet na obrys elementu interfejsu, próg 3). Ramka jako cień wewnętrzny, żeby obrys nie zmieniał
 * wymiarów przycisku względem pełnego obok. */
:is(.c-content, .c-main) .wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--c-accent-text);
	padding: 1rem 1.5rem;   /* jak przycisk pełny w base.css; w kanwie odmiana rdzenia daje 0.667em 1.333em */
	border: 0;
	box-shadow: inset 0 0 0 1.5px var(--c-accent-text);
}
:is(.c-content, .c-main) .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--c-bg-soft);
	color: var(--c-accent-text);
}