/* =====================================================================
   Boryniak — układ i style bloków
   Wszystko, czego nie da się wyrazić w theme.json.
   ===================================================================== */

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--akcja);
	outline-offset: 2px;
	border-radius: 2px;
}

/* --- Nadtytuł -------------------------------------------------------- */
/* Blok Nagłówek → styl „Nadtytuł”. Krótka etykieta nad sekcją. */

.wp-block-heading.is-style-nadtytul {
	display: flex;
	align-items: center;
	gap: .7rem;
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--las-2);
	margin-block-end: .55rem;
}

.wp-block-heading.is-style-nadtytul::before {
	content: "";
	width: 1.6rem;
	height: 3px;
	background: var(--wp--preset--color--stan);
	flex: 0 0 auto;
}

/* --- Tabliczka znamionowa ------------------------------------------- */
/* Blok Grupa → styl „Tabliczka znamionowa”.
   Pierwszy akapit staje się ciemnym nagłówkiem, lista pod nim
   układa etykiety z lewej, a wartości z prawej. */

.wp-block-group.is-style-tabliczka {
	background: var(--wp--custom--tabliczka--tlo, #EDEBE4);
	border: 1px solid var(--wp--custom--tabliczka--linia, #D3D0C6);
	border-radius: 2px;
	padding: 0;
	overflow: hidden;
}

.wp-block-group.is-style-tabliczka > * { margin-block: 0; }

.wp-block-group.is-style-tabliczka > :first-child {
	background: var(--wp--preset--color--las);
	color: #fff;
	padding: .55rem 1rem;
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.wp-block-group.is-style-tabliczka > :not(:first-child) { padding-inline: 1rem; }
.wp-block-group.is-style-tabliczka > :nth-child(2) { padding-block-start: .75rem; }
.wp-block-group.is-style-tabliczka > :last-child { padding-block-end: .75rem; }

/* --- Lista danych technicznych --------------------------------------- */
/* Blok Lista → styl „Dane techniczne”.
   Wartość zapisz pogrubieniem — bez tego wyrównanie się rozjedzie. */

.wp-block-list.is-style-dane {
	list-style: none;
	padding-left: 0;
	margin: 0;
	font-size: .9375rem;
}

.wp-block-list.is-style-dane li {
	display: flex;
	align-items: baseline;
	gap: .6rem;
	padding-block: .42rem;
	border-bottom: 1px dotted var(--wp--custom--tabliczka--linia, #D3D0C6);
	color: var(--wp--preset--color--olow);
	margin: 0;
}
.wp-block-list.is-style-dane li:last-child { border-bottom: 0; }

.wp-block-list.is-style-dane li > strong,
.wp-block-list.is-style-dane li > b {
	margin-left: auto;
	font-family: var(--wp--preset--font-family--plex-mono);
	font-weight: 600;
	color: var(--wp--preset--color--las);
	white-space: nowrap;
}

/* --- Kafle z obwódką ------------------------------------------------- */
.wp-block-columns.is-style-kafle > .wp-block-column {
	background: var(--wp--preset--color--kreda);
	border: 1px solid var(--wp--preset--color--obwodka);
	border-radius: 2px;
	padding: 1rem 1.1rem;
	transition: border-color .15s ease;
}
.wp-block-columns.is-style-kafle > .wp-block-column:hover {
	border-color: var(--wp--preset--color--las-2);
}

/* --- Zdjęcie na płycie ----------------------------------------------- */
.wp-block-image.is-style-plyta img {
	border-radius: 2px;
	box-shadow: var(--wp--preset--shadow--plyta);
	background: var(--wp--preset--color--kreda);
}

/* =====================================================================
   PASEK KONTAKTOWY I NAGŁÓWEK
   ===================================================================== */

.boryniak-pasek {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: .8125rem;
}
.boryniak-pasek a { color: inherit; text-decoration: none; }
.boryniak-pasek a:hover { text-decoration: underline; }

/* Nagłówek przyklejony do góry — numer telefonu ma być pod ręką
   bez przewijania na dół. Klient stoi przy maszynie w polu. */
.boryniak-naglowek {
	position: sticky;
	top: 0;
	z-index: 60;
	border-bottom: 3px solid var(--wp--preset--color--las);
}
.admin-bar .boryniak-naglowek { top: 32px; }
@media (max-width: 782px) { .admin-bar .boryniak-naglowek { top: 46px; } }

.boryniak-naglowek .wp-block-navigation a:hover,
.boryniak-naglowek .wp-block-navigation .current-menu-item > a {
	box-shadow: inset 0 -3px 0 0 var(--wp--preset--color--stan);
}

.boryniak-podtytul {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: .75rem;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--wp--preset--color--olow);
	margin-top: 1px;
}

/* --- Przycisk z numerem telefonu ------------------------------------- */
.boryniak-telefon .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	font-family: var(--wp--preset--font-family--plex-mono);
	letter-spacing: .02em;
	text-transform: none;
	font-size: 1rem;
}
.boryniak-telefon .wp-block-button__link::before {
	content: "";
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	background: currentColor;
	-webkit-mask: var(--boryniak-ikona-telefon) center / contain no-repeat;
	mask: var(--boryniak-ikona-telefon) center / contain no-repeat;
}

:root {
	--boryniak-ikona-telefon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.2.4 2.4.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z'/%3E%3C/svg%3E");
}

/* =====================================================================
   NAGŁÓWEK PODSTRONY ZE ZDJĘCIEM
   ===================================================================== */

.boryniak-szczyt { position: relative; background: var(--wp--preset--color--las); }
.boryniak-szczyt img {
	width: 100%;
	height: clamp(200px, 26vw, 330px);
	object-fit: cover;
	opacity: .9;
}
.boryniak-szczyt__tekst {
	position: absolute;
	inset: auto 0 0 0;
	padding: 5rem 0 1.6rem;
	background: linear-gradient(to top,
		rgba(28,70,52,.95) 0%, rgba(28,70,52,.82) 58%, rgba(28,70,52,0) 100%);
}
.boryniak-szczyt__tekst :is(h1, h2) { color: #fff; }
.boryniak-szczyt__tekst p { color: var(--wp--preset--color--obwodka); }
.boryniak-szczyt__tekst .is-style-nadtytul { color: var(--wp--preset--color--obwodka); }

/* =====================================================================
   OKRUSZKI
   ===================================================================== */

.boryniak-okruszki {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: .8125rem;
	color: var(--wp--preset--color--olow);
}
.boryniak-okruszki a { color: var(--wp--preset--color--olow); text-decoration: none; }
.boryniak-okruszki a:hover { text-decoration: underline; }

/* =====================================================================
   STOPKA
   ===================================================================== */

.boryniak-stopka { font-size: .9375rem; }
.boryniak-stopka :is(h2, h3, h4) {
	font-family: var(--wp--preset--font-family--plex-mono);
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--obwodka);
}
.boryniak-stopka .wp-block-list { list-style: none; padding-left: 0; }
.boryniak-stopka .wp-block-list li { padding-block: .2rem; }
.boryniak-stopka a { color: var(--wp--preset--color--obwodka); text-decoration: none; }
.boryniak-stopka a:hover { color: #fff; text-decoration: underline; }

/* =====================================================================
   TREŚĆ
   ===================================================================== */

.entry-content > :is(h2, h3) { margin-block-start: 2em; }
.entry-content > :is(h2, h3) + * { margin-block-start: .6em; }

.wp-block-table { overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th {
	font-family: var(--wp--preset--font-family--archivo);
	font-weight: 700;
	text-align: left;
	background: var(--wp--preset--color--len);
}
.wp-block-table :is(th, td) {
	border: 1px solid var(--wp--custom--tabliczka--linia, #D3D0C6);
	padding: .55rem .75rem;
}

/* Pominięcie nawigacji dla klawiatury i czytników ekranu */
.boryniak-pomin {
	position: absolute;
	left: -9999px;
	top: 0;
	background: var(--wp--preset--color--las);
	color: #fff;
	padding: .7rem 1.2rem;
	z-index: 1000;
}
.boryniak-pomin:focus { left: .5rem; top: .5rem; }

/* =====================================================================
   RESPONSYWNOŚĆ NAGŁÓWKA
   Bez tego przycisk z numerem łamie się na kilka wierszy.
   ===================================================================== */

@media (max-width: 760px) {
	.boryniak-naglowek .wp-block-navigation {
		width: 100%;
		padding-top: .8rem;
		border-top: 1px solid var(--wp--preset--color--obwodka);
	}
	.boryniak-naglowek .wp-block-buttons { flex: 1 0 100%; }
	.boryniak-naglowek .wp-block-button { flex: 1 0 100%; }
	.boryniak-naglowek .wp-block-button__link {
		display: flex;
		justify-content: center;
		width: 100%;
		white-space: nowrap;
	}
	.boryniak-pasek .wp-block-group { gap: .15rem; }
	.boryniak-pasek p:last-child { display: none; }
	.boryniak-szczyt__tekst { padding-top: 3.5rem; }
}