/**
 * Sekcja: nagłówek (część szablonu „header”, wzorzec patterns/header.php; Figma 804:9230).
 * Logo 140 px, menu w środku, przycisk „Kontakt”. Przyklejony u góry; poniżej 782 px menu w nakładce.
 */

.wp-site-blocks > header:has(.kd-header) {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* Pasek admina (zalogowani) – nagłówek pod nim. */
.admin-bar .wp-site-blocks > header:has(.kd-header) {
	top: var(--wp-admin--admin-bar--height, 32px);
}

/* Szerokość treści nagłówka z projektu: 1200 px. */
.kd-header .kd-header__inner {
	max-width: 1200px;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
}

.kd-header .kd-header__logo {
	flex: 0 0 auto;
	margin: 0;
	line-height: 0;
}

.kd-header .kd-header__logo img {
	width: 140px;
	height: auto;
}

.kd-header .kd-header__nav {
	flex: 1 1 auto;
	font-weight: 500;
	line-height: 1;
}

.kd-header .kd-header__nav .wp-block-navigation-item__content {
	padding-block: 8px;
}

.kd-header .kd-header__nav .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent);
}

.kd-header .kd-header__cta {
	flex: 0 0 auto;
}

@media (max-width: 781px) {
	/* Kolejność: logo, przycisk, hamburger. */
	.kd-header .kd-header__nav {
		flex: 0 0 auto;
		order: 3;
	}

	.kd-header .kd-header__cta {
		margin-left: auto;
	}

	.kd-header .kd-header__cta .wp-block-button__link {
		padding-inline: 20px;
	}

	.kd-header .kd-header__logo img {
		width: 120px;
	}

	/* Menu w nakładce: duże, wygodne pozycje. */
	.kd-header .kd-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding-top: var(--wp--preset--spacing--50);
		font-size: var(--wp--preset--font-size--heading-5);
		gap: var(--wp--preset--spacing--30);
	}
}