/* ==========================================================================
   HEADER
   Nagłówek jest budowany w natywnym Header Builderze Blocksy (Wygląd →
   Customizer → Header), nie na blokach Gutenberga — więc jedyna klasa z
   makiety, która realnie trafia do wygenerowanego markupu, to numer
   telefonu wstawiony w widgecie "Header Text".
   ========================================================================== */
.site-header__phone{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--graphite);
  transition: color .25s var(--ease);
}
.site-header__phone:hover{ color: var(--camel-text); }

/* Sticky header — niezależnie od tego, czy Twoja wersja Blocksy w ogóle
   ma tę opcję w Customizerze (bywa zamknięta w płatnym dodatku Pro).
   position:sticky jest natywnie płynne — przeglądarka sama obsługuje
   przyklejanie przy scrollu, bez JS i bez szarpania. */
#header.ct-header{
  position: sticky;
  top: 0;
  z-index: 100;
}