/* ==========================================================================
   PoloniaHub — nagłówek, nawigacja, menu rozwijane

   Nagłówek jest blokiem Kadence, więc jego style rodzą się w kodzie wtyczki
   i mają selektory dwuklasowe. Wygrywamy z nimi zasięgiem (klasa nagłówka
   + klasa elementu + znacznik), a nie znacznikiem !important — dzięki temu
   ustawienia w edytorze nadal działają wszędzie tam, gdzie ich nie zmieniamy.
   ========================================================================== */

/* --- Znak firmowy -------------------------------------------------------- */
/* Logo było nagłówkiem H2 o rozmiarze 48 px — tyle, co tytuł sekcji na
   stronie. Znak w pasku nawigacji ma wielkością konkurować z pozycjami menu,
   a nie z treścią strony; 24–26 px to wielkość spotykana w serwisach tej
   klasy i tyle wystarcza, by pozostał najmocniejszym elementem paska. */

/* Celujemy w sam znak firmowy (nagłówek H2 w pasku), a nie we wszystkie
   nagłówki w headerze — inaczej reguła obejmuje też drobny tekst w górnym
   pasku kontaktowym. */
.wp-block-kadence-header686-cpt-id h2.wp-block-kadence-advancedheading,
.wp-block-kadence-header686-cpt-id h2.wp-block-kadence-advancedheading a {
	font-size: clamp(1.375rem, 1.25rem + 0.5vw, 1.625rem);
	line-height: 1.1;
	letter-spacing: -0.01em;
}

/* --- Pasek nawigacji ----------------------------------------------------- */

.wp-block-kadence-header686-cpt-id {
	border-bottom: 1px solid var(--ph-border);
	background: var(--ph-surface);
}

.wp-block-kadence-header686-cpt-id.item-is-stuck,
.wp-block-kadence-header686-cpt-id.kb-header-is-sticky {
	box-shadow: 0 1px 16px rgba(13, 43, 107, 0.08);
}

.wp-block-kadence-header686-cpt-id .kb-nav-link-content {
	/* Siedem pozycji plus przełącznik języka i przycisk mieści się w pasku
	   dopiero przy tej wyściółce — przy 14 px "Knowledge" spadało do drugiego
	   rzędu i nagłówek rósł do 119 px. */
	padding: 8px 9px;
	border-radius: var(--ph-radius-input);
	font-family: var(--ph-font-body);
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--ph-heading-3);
	transition: background-color var(--ph-transition), color var(--ph-transition);
}

/* Podświetlenie tylko przy najechaniu oraz dla pozycji BEZ podmenu.
   Wszystkie pięć grup prowadzi do /order/, więc na tej stronie WordPress
   oznaczał je wszystkie jako bieżące i podświetlał naraz — pasek wyglądał
   jak pięć zaznaczonych zakładek. */
.wp-block-kadence-header686-cpt-id .kb-nav-link-content:hover,
.wp-block-kadence-header686-cpt-id li:not(:has(.kb-nav-sub-menu)).current-menu-item > .kb-link-wrap > .kb-nav-link-content {
	background: #EDF2FC;
	color: var(--ph-cta);
}

/* Zapas dla przeglądarek bez obsługi :has() — tam po prostu nie podświetlamy
   pozycji bieżącej, co jest lepsze niż podświetlenie pięciu naraz. */
@supports not selector(:has(*)) {
	.wp-block-kadence-header686-cpt-id .current-menu-item > .kb-link-wrap > .kb-nav-link-content {
		background: transparent;
	}
}

/* Strzałka rozwinięcia obraca się, gdy podmenu jest otwarte — drobiazg,
   ale to jedyny sygnał, że pozycja menu w ogóle coś kryje. */
.wp-block-kadence-header686-cpt-id .kb-nav-dropdown-toggle-btn svg {
	transition: transform var(--ph-transition);
}
.wp-block-kadence-header686-cpt-id li:hover > .kb-link-wrap .kb-nav-dropdown-toggle-btn svg,
.wp-block-kadence-header686-cpt-id li:focus-within > .kb-link-wrap .kb-nav-dropdown-toggle-btn svg {
	transform: rotate(180deg);
}

/* --- Przycisk w nagłówku --------------------------------------------------
   Napis "Order Documents" łamał się na dwie linijki i przycisk rósł na dwie
   wysokości, rozpychając cały pasek. Reguła przepadła przy jednym z podziałów
   plików — stąd wracała. */

.wp-block-kadence-header686-cpt-id .kb-button,
.wp-block-kadence-header686-cpt-id .wp-block-kadence-singlebtn a,
.wp-block-kadence-header686-cpt-id .kb-button .kt-btn-inner-text {
	white-space: nowrap !important;
}

.wp-block-kadence-header686-cpt-id .kb-button,
.wp-block-kadence-header686-cpt-id .wp-block-kadence-singlebtn a {
	padding: 11px 18px !important;
	border-radius: var(--ph-radius);
	font-family: var(--ph-font-body);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.02em;
}

/* --- Przełącznik języków --------------------------------------------------
   Pozycje EN, DE i ES mają puste adresy — podwitryny językowe zostały
   usunięte, więc przełącznik udaje wybór, którego nie ma, i zabiera miejsce
   w pasku. Ukrywamy go do czasu, aż powstanie prawdziwa wersja obcojęzyczna;
   sam blok zostaje w nagłówku, więc przywrócenie to skasowanie tej reguły. */

.wp-block-kadence-navigation592-cpt-id {
	display: none !important;
}
