/**
 * Ikony zastępujące Font Awesome.
 *
 * Motyw rodzic ładował cały Font Awesome 7 — arkusz 20 KB po kompresji,
 * blokujący render przez 312 ms, plus webfont fa-solid-900.woff2 (113 KB).
 * Audyt produkcyjny 18.09.2026 wykazał, że z tego wszystkiego renderują się
 * DOKŁADNIE TRZY glify:
 *
 *   .fa-xmark           43×  — krzyżyk zamykania w `.btn-close` (offcanvas, modal)
 *   .fa-share-nodes      1×  — udostępnianie pod wpisem bloga
 *   .fa-earth-americas   1×  — strona WWW w wizytówce autora
 *
 * Trzy dalsze klasy siedzą w ustawieniach pozycji menu (`fa fa-user-doctor`,
 * `fa fa-newspaper`, `fa fa-comments`) i nie renderowały się już wcześniej:
 * to składnia Font Awesome 4, a motyw ładował wersję 7, w której sam prefiks
 * `fa` nie jest poprawnym stylem. Zostają w bazie jako martwe atrybuty
 * i po zdjęciu arkusza nic się dla nich nie zmienia.
 *
 * Dlaczego maska, a nie podmiana w szablonach: `fa-xmark` pojawia się w ośmiu
 * szablonach motywu RODZICA (header-styles/style-3…9, navigation-style-1,
 * offcanvas-overlay, offcanvas-side-panel). Nadpisywanie ich wszystkich
 * w motywie potomnym oznaczałoby osiem kopii, które trzeba pilnować przy
 * każdej aktualizacji rodzica. Ostylowanie samego `<i>` działa niezależnie
 * od tego, który szablon je wypisał.
 *
 * `background-color: currentColor` + maska zamiast `background-image`: dzięki
 * temu ikona dziedziczy kolor tekstu, więc `.btn-close-white` nadal daje białą.
 *
 * @package ciyacare-child
 */

.fa-xmark,
.fa-share-nodes,
.fa-earth-americas {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Krzyżyk — dwa zaokrąglone ramiona, proporcje jak w oryginale. */
.fa-xmark {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.07 4.93a1.5 1.5 0 0 0-2.12 0L12 9.88 7.05 4.93A1.5 1.5 0 0 0 4.93 7.05L9.88 12l-4.95 4.95a1.5 1.5 0 1 0 2.12 2.12L12 14.12l4.95 4.95a1.5 1.5 0 0 0 2.12-2.12L14.12 12l4.95-4.95a1.5 1.5 0 0 0 0-2.12z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.07 4.93a1.5 1.5 0 0 0-2.12 0L12 9.88 7.05 4.93A1.5 1.5 0 0 0 4.93 7.05L9.88 12l-4.95 4.95a1.5 1.5 0 1 0 2.12 2.12L12 14.12l4.95 4.95a1.5 1.5 0 0 0 2.12-2.12L14.12 12l4.95-4.95a1.5 1.5 0 0 0 0-2.12z'/%3E%3C/svg%3E");
}

/* Udostępnianie — trzy węzły połączone dwiema liniami. */
.fa-share-nodes {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8.7 13.4l6.6 3.9M15.3 6.7l-6.6 3.9'/%3E%3C/g%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8.7 13.4l6.6 3.9M15.3 6.7l-6.6 3.9'/%3E%3C/g%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3C/svg%3E");
}

/* Glob — okrąg, południk i równik. */
.fa-earth-americas {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18'/%3E%3C/g%3E%3C/svg%3E");
}

/* =========================================================================
   Glify wstawiane przez motyw rodzica z CSS (`content` + rodzina Font Awesome)
   =========================================================================

   Tych NIE widać w HTML jako `<i class="fa-…">`, więc nie wyłapał ich przegląd
   znaczników — wyszły dopiero przy kontroli wzrokowej, jako puste kwadraciki
   przy „Zakres usług" i „O nas". Reguły źródłowe siedzą w
   ciyacare/assets/css/style.css (numery linii niżej) i wszystkie mają ten sam
   kształt: `content: "\fXXX"; font-family: "Font Awesome 7 Free"`.

   Podmieniamy je na maski SVG. Pierwsza reguła zbiera wszystkie selektory
   i ustawia część wspólną (pudełko, kolor z `currentColor`, wyzerowany
   `content`), kolejne dokładają już tylko swój rysunek.

   Specyficzność: rodzic używa długich selektorów (np. `.main-navigation
   .offcanvas-body .navbar-nav > li > a.dropdown-toggle:after`), więc
   powtarzamy je w całości — inaczej nie wygrałyby z oryginałem mimo
   późniejszego wczytania arkusza.
   ========================================================================= */

.dropdown-toggle::after,
.main-navigation .offcanvas-body .navbar-nav > li > a.dropdown-toggle::after,
.main-navigation .offcanvas-body .navbar-nav > li.page_item_has_children > a::after,
#page .offcanvas-menu-overlay .offcanvas-body .primary-menu-wrapper .submenu-toggle::after,
.main-navigation .children li.menu-item-has-children > a::after,
.main-navigation .dropdown-menu li.menu-item-has-children > a::after,
.back-to-top::before,
.post-navigation .nav-links::before,
.posts-navigation .nav-links::before,
.post-navigation .nav-links .nav-previous span::before,
.posts-navigation .nav-links .nav-previous span::before,
.post-navigation .nav-links .nav-next span::after,
.posts-navigation .nav-links .nav-next span::after,
blockquote::before,
.widget.widget_search .search-form .search-submit::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	border: 0;
	vertical-align: -.125em;
}

/* \f078 chevron-down — rozwijane menu (style.css:2948, 2963, 3430). */
.dropdown-toggle::after,
.main-navigation .offcanvas-body .navbar-nav > li > a.dropdown-toggle::after,
.main-navigation .offcanvas-body .navbar-nav > li.page_item_has_children > a::after,
#page .offcanvas-menu-overlay .offcanvas-body .primary-menu-wrapper .submenu-toggle::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M5 9l7 7 7-7'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M5 9l7 7 7-7'/%3E%3C/svg%3E");
	width: .7em;
	height: .7em;
}

/*
 * \f078 chevron-down w SZUFLADZE MOBILNEJ — `.submenu-toggle` (style.css:3149).
 *
 * Rodzic trzyma tę regułę w `@media (max-width: 1199px)` i TAK MUSI ZOSTAĆ.
 * Walker wypisuje pusty `<span class="submenu-toggle">` przy każdej pozycji
 * z podmenu także na desktopie — tam jest niewidoczny tylko dlatego, że jego
 * `::after` nie ma treści. Wersja bez media query (commit 4b6a6486) dawała
 * mu treść zawsze, więc obok chevronu z `a.dropdown-toggle::after` wyrastał
 * drugi, większy (bez `font-size: 0.8rem` rodzica) — podwójna strzałka
 * przy „Zakres usług" i „O nas" na desktopie.
 *
 * Próg 1199px to próg rodzica; nasz chrom nagłówka łamie się przy 1199.98
 * (assets/css/v2/menu-mobilne.css), więc obie granice pokrywają się w praktyce.
 */
@media screen and (max-width: 1199px) {

	.main-navigation .offcanvas-body .primary-menu-wrapper .primary-menu .submenu-toggle::after {
		content: "";
		display: inline-block;
		width: .7em;
		height: .7em;
		background-color: currentColor;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: contain;
		mask-size: contain;
		border: 0;
		vertical-align: -.125em;
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M5 9l7 7 7-7'/%3E%3C/svg%3E");
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M5 9l7 7 7-7'/%3E%3C/svg%3E");
	}
}

/* \f105 angle-right — pozycje podmenu (style.css:3034) */
.main-navigation .children li.menu-item-has-children > a::after,
.main-navigation .dropdown-menu li.menu-item-has-children > a::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M9 5l7 7-7 7'/%3E%3C/svg%3E");
	width: .7em;
	height: .7em;
}

/*
 * \f062 arrow-up — przycisk powrotu na górę (style.css:1561).
 *
 * Tu NIE nadpisujemy geometrii: rodzic pozycjonuje ten pseudoelement
 * absolutnie w pudełku 55×55 px, żeby wyśrodkować glif w okręgu. Gdyby
 * podmienić width/height na 1em (jak przy pozostałych ikonach), strzałka
 * wypadłaby z okręgu. Zostawiamy pudełko rodzica i skalujemy samą maskę.
 */
.back-to-top::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 20V4M5 11l7-7 7 7'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 20V4M5 11l7-7 7 7'/%3E%3C/svg%3E");
	width: auto;
	height: auto;
	inset: 0;
	-webkit-mask-size: 18px 18px;
	mask-size: 18px 18px;
}

/* \f58d grip-lines — separator nad nawigacją wpisów (style.css:1425) */
.post-navigation .nav-links::before,
.posts-navigation .nav-links::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4 9h16M4 15h16'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4 9h16M4 15h16'/%3E%3C/svg%3E");
}

/* \f177 arrow-left-long — poprzedni wpis (style.css:1475) */
.post-navigation .nav-links .nav-previous span::before,
.posts-navigation .nav-links .nav-previous span::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 12H4M10 6l-6 6 6 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M20 12H4M10 6l-6 6 6 6'/%3E%3C/svg%3E");
}

/* \f178 arrow-right-long — następny wpis (style.css:1481) */
.post-navigation .nav-links .nav-next span::after,
.posts-navigation .nav-links .nav-next span::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* \f10d quote-left — cytat blokowy (style.css:7294) */
blockquote::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 5C6.5 6.6 4.5 9.6 4.5 13v6h6v-6h-3c0-2.2 1-3.8 3-4.8zm10 0c-3 1.6-5 4.6-5 8v6h6v-6h-3c0-2.2 1-3.8 3-4.8z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 5C6.5 6.6 4.5 9.6 4.5 13v6h6v-6h-3c0-2.2 1-3.8 3-4.8zm10 0c-3 1.6-5 4.6-5 8v6h6v-6h-3c0-2.2 1-3.8 3-4.8z'/%3E%3C/svg%3E");
}

/* \f002 magnifying-glass — przycisk szukania w widgecie (style.css:8425) */
.widget.widget_search .search-form .search-submit::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5L21 21'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.5 16.5L21 21'/%3E%3C/g%3E%3C/svg%3E");
}