/* Nagłówek serwisu dla firm delegujących (18.10.2026): menu podstron, telefon, jedno CTA, na telefonie pasek pod nagłówkiem.
   Osobny plik, bo ten sam nagłówek dostają strony starego serwisu z menu (portfolio, bezpieczeństwo, kontakt, RJS). */

.hdr--lp .hdr__in { gap: 24px; }
.lp-nav { display: none; gap: 4px; margin-left: auto; }
.lp-nav > a, .lp-firma { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 8px; color: #fff; font-weight: 500; font-size: .9375rem; text-decoration: none; transition: background var(--ruch-szybki); }
@media (hover: hover) and (pointer: fine) { .lp-nav > a:hover, .lp-firma:hover { background: var(--grafit); } }
.lp-tel { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; min-width: 44px; justify-content: center; margin-left: auto; color: #fff; font-weight: 600; text-decoration: none; font-variant-numeric: tabular-nums; }
/* poniżej 640 px CTA jest w dolnym pasku (site.js), więc w nagłówku zostaje telefon z numerem */
.hdr--lp .hdr__cta { margin-left: 0; width: auto; flex: none; }
@media (min-width: 640px) { .hdr--lp .hdr__cta { display: inline-flex; } }
@media (min-width: 1100px) { .lp-nav { display: flex; } .lp-tel { margin-left: 8px; } }

/* Menu podstron (podział 18.10): bieżąca strona podświetlona, na telefonie przewijany pasek pod nagłówkiem */
.lp-nav > a[aria-current="page"], .lp-firma[aria-current="page"], .lp-firma.jest-biezaca, .lp-firma[aria-expanded="true"] { background: var(--grafit); }
.lp-nav-mob { background: var(--czern); border-top: 1px solid var(--obrys-ciemne); }
.lp-nav-mob__in { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding-block: 4px; }
.lp-nav-mob__in::-webkit-scrollbar { display: none; }
.lp-nav-mob a { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 8px; color: #fff; font-weight: 500; font-size: .9375rem; text-decoration: none; white-space: nowrap; }
.lp-nav-mob a[aria-current="page"] { background: var(--grafit); }
@media (min-width: 1100px) { .lp-nav-mob { display: none; } }

/* menu w jednej linii; między 1100 a 1439 px telefon w nagłówku tylko jako ikona */
.lp-nav > a, .lp-firma, .lp-tel { white-space: nowrap; }
@media (min-width: 1100px) and (max-width: 1439px) { .lp-tel span { display: none; } .hdr--lp .hdr__in { gap: 16px; } .lp-nav { gap: 2px; } .lp-nav > a, .lp-firma { padding: 0 8px; } }
/* przejście między podstronami: pasek menu na telefonie stoi w miejscu razem z nagłówkiem */
.lp-nav-mob { view-transition-name: lp-nav-mob; }
::view-transition-group(lp-nav-mob) { animation: none; }
::view-transition-old(lp-nav-mob) { display: none; }
::view-transition-new(lp-nav-mob) { animation: none; }
::view-transition-old(naglowek) { display: none; }
::view-transition-new(naglowek) { animation: none; }
/* Firma: po najechaniu panel O nas / Blog ze starego menu (style .mega z daplo.css, obsługa w site.js) */
.lp-firma { gap: 6px; }
.lp-firma .ik { width: 16px; height: 16px; transition: transform var(--ruch-stan) var(--krzywa); }
.lp-firma[aria-expanded="true"] .ik { transform: rotate(180deg); }

/* Stopka serwisu dla firm delegujących: trzy kolumny jak w menu */
@media (min-width: 1200px) { .stopka .stopka__kol--lp { grid-template-columns: repeat(3, minmax(0, 1fr)); } }