/*
 * Poprawki nałożone na style przeniesione z WordPressa.
 * Wczytywane jako ostatni arkusz na każdej stronie (assets/css/poprawki.css).
 */

/*
 * Rozwinięte menu chowało się pod formularzem „Zostaw wiadomość, oddzwonimy”.
 * Powód: pasek nawigacji ma z-index 11, a przyklejony blok z formularzem
 * (bdt-sticky z Element Packa) — 980, więc formularz rysował się na wierzchu.
 * Nagłówek razem z rozwijanym menu ma być nad treścią strony.
 */
.uicore.uicore-navbar,
.uicore-navigation-wrapper.uicore-navbar {
	z-index: 9990;
}

/* Menu mobilne (pełnoekranowe) musi zostać nad przyklejonymi blokami treści. */
.uicore-mobile-menu-wrapper,
.uicore-navigation-wrapper.uicore-mobile-menu-wrapper {
	z-index: 9991;
}

/*
 * Sklep ze wzorami pism (strona płatności i potwierdzenia).
 * Korzysta z klas motywu tam, gdzie się da — poniżej tylko to, czego motyw nie ma.
 */
.sklep-podsumowanie {
	margin-bottom: 1.5rem;
}

.sklep-tytul {
	margin: 0 0 .35rem;
}

.sklep-cena {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 700;
}

.sklep-formularz {
	max-width: 32rem;
}

.sklep-formularz label {
	display: block;
	margin-bottom: 1rem;
	font-size: .95rem;
}

.sklep-formularz input[type="text"],
.sklep-formularz input[type="email"] {
	display: block;
	width: 100%;
	margin-top: .3rem;
}

.sklep-formularz .sklep-zgoda {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	font-size: .85rem;
	line-height: 1.4;
}

.sklep-formularz .sklep-zgoda input {
	margin-top: .2rem;
}

.sklep-drobne {
	margin-top: 1rem;
	font-size: .85rem;
	opacity: .75;
}

.sklep-komunikat {
	padding: 1rem 1.25rem;
	border-left: 4px solid #CE1515;
	background: #f7f7f7;
}

.sklep-komunikat.sklep-blad {
	border-left-color: #b00020;
}

.sklep-zaplac,
.sklep-pobierz {
	display: inline-block;
	margin-top: .5rem;
	cursor: pointer;
}

/*
 * Przycisk zakupu na liście wzorów. W WordPressie był to zwykły <button> bez stylów
 * motywu (szare tło, czarny tekst) — odtwarzamy dokładnie ten wygląd, żeby strona
 * wyglądała tak samo jak wcześniej.
 */
.sklep-kup {
	display: inline-block;
	padding: 1px 6px;
	background: #efefef;
	color: #000;
	font-size: 19px;
	line-height: 1.15;
	text-decoration: none;
}

.sklep-kup:hover {
	background: #e2e2e2;
	color: #000;
}

/*
 * Jedna czcionka w całym serwisie — DM Sans.
 * Motyw używa jej dla nagłówków i tekstu, ale w treści kilku artykułów zostały
 * wklejone z Worda fragmenty z własną czcionką (Montserrat, Times New Roman).
 * Nadpisujemy tylko elementy, które mają czcionkę wpisaną w atrybucie style —
 * dzięki temu nie ruszamy czcionek z ikonami (Themify, Font Awesome, Element Pack).
 */
:root body {
	--uicore-accent-font-family: "DM Sans";
}

.uicore-content [style*="font-family"],
.entry-content [style*="font-family"],
.elementor-widget-container [style*="font-family"] {
	font-family: "DM Sans", sans-serif !important;
}

/*
 * Podkreślenia pod pojedynczymi wyrazami w nagłówkach (widget „highlighted text”).
 * Poza tym, że są zbędne, psuły odstępy: podkreślony wyraz siedział w osobnym bloku,
 * więc spacja po nim znikała i wyrazy się sklejały („Dlaczego wartonam zaufać?”).
 */
.ui-e--highlighted-text .uicore-svg-wrapper,
.ui-e--highlighted-text svg {
	display: none !important;
}

.ui-e--highlighted-text .ui-e-headline-text,
.ui-e--highlighted-text .ui-e-headline-highlighted,
.ui-e--highlighted-text [class*="ui-e-headline-stroke"],
.ui-e--highlighted-text .whitespace {
	display: inline !important;
}