/* GÓRNY PASEK — JEDNO ŹRÓDŁO PRAWDY DLA CAŁEGO SERWISU.
   =========================================================================
   🔴 DLACZEGO OSOBNY PLIK: do 21.09.2026 serwis miał DWA różne paski. Strony
   marketingowe (`/`, `/dla-pracodawcow/`, `/dla-kandydatow/`) stały na
   `site.css` — pasek 64 px, kontener 1180 px, logo 18 px ze znaczkiem 30 px.
   Strony „robocze" (`/szukaj/`, `/cennik/`, karta kandydata, panele, ekrany
   logowania) stały na `wspolne.css` — pasek 12 px paddingu, kontener 900 px,
   logo domyślnej wielkości ze znaczkiem 28 px. Przy przejściu między nimi
   logo przeskakiwało i zmieniało rozmiar, jakby to były dwa różne serwisy
   (uwaga Mateusza 21.09.2026: „wyglądają jakby to były elementy zupełnie
   innej strony internetowej").

   Ten plik ładują OBIE rodziny stron, ZAWSZE jako ostatni arkusz — dlatego
   wygrywa przy równej specyficzności i narzuca jeden wygląd paska.

   Kolory bierze z tokenów strony, ale każdy ma wartość zapasową: `site.css`
   ma `--chip` i `--tint`, `wspolne.css` ma `--primaryTint` i nie ma `--chip`.
   Bez tych zapasowych wartości pasek byłby przezroczysty na połowie stron. */

/* ── Pasek ─────────────────────────────────────────────────────────────── */
.pasek,
.nav{background:var(--surface,#fff); border-bottom:1px solid var(--border,#E8E9EF)}
.pasek .srodek,
.nav .srodek{max-width:1180px; margin:0 auto; padding:0 24px;
  display:flex; align-items:center; gap:22px; height:64px}

/* ── Logo ──────────────────────────────────────────────────────────────── */
/* Od 2026-09-24 logo to GRAFIKA z pakietu marki (`brand/logo/reversejobs-logo-horizontal.svg`,
   poniżej 430 px sam sygnet `reversejobs-symbol.svg`), wklejona tutaj jako obrazek w adresie —
   plik CSS i tak jest w pamięci przeglądarki, a nowy plik w korzeniu wymagałby wpisu w nginx.
   🔴 Napis „ReverseJobs” w HTML zostaje (czytnik ekranu, wyszukiwarki), ale jest niewidoczny:
   zasady marki zabraniają składać go innym fontem niż Outfit, a fontu nie ładujemy.
   🔴 To KOPIA plików z `brand/` — po przebudowie logo wkleić je tu ponownie (także
   `dokumenty/dokumenty.css`, `szablony/start.html`, `admin/index.html`). */
.logo{display:block; flex:0 0 auto; width:159px; height:30px; font-size:0; color:transparent;
  text-decoration:none; overflow:hidden;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 528.91 100'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='100' y2='100'%3E%3Cstop offset='0' stop-color='%237B5CFF'/%3E%3Cstop offset='1' stop-color='%233A1CCF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M16 0H58C75.67 0 90 14.33 90 32C90 41.65 85.72 50.31 78.96 56.18L100 100H76L58.72 63.99C58.48 64 58.24 64 58 64H38V78.01L16 63.53L0 53L38 27.99V42H58C63.52 42 68 37.52 68 32C68 26.48 63.52 22 58 22H38L16 36.48ZM38 84V100H16V69.52Z'/%3E%3Cpath fill='%2315122E' d='M134.78 75V25H155.21Q160.17 25 163.92 26.89Q167.68 28.79 169.78 32.1Q171.89 35.41 171.89 39.73Q171.89 44.16 169.77 47.45Q167.64 50.74 163.82 52.58Q161.69 53.61 159.16 54.06L175.15 75H161.98L147.12 54.43H145.93V75ZM268.35 75.78Q262.75 75.78 258.42 73.48Q254.08 71.18 251.6 67.09Q249.12 63 249.12 57.79Q249.12 52.62 251.55 48.57Q253.97 44.51 258.17 42.16Q262.37 39.8 267.57 39.8Q272.67 39.8 276.58 42.01Q280.5 44.23 282.73 48.12Q284.96 52.02 284.96 57.01Q284.96 57.97 284.85 58.99Q284.75 60.02 284.46 61.33L259.81 61.42Q260.05 62.23 260.4 62.94Q261.48 65.12 263.5 66.27Q265.52 67.42 268.31 67.42Q270.86 67.42 272.92 66.55Q274.97 65.69 276.53 63.92L282.48 69.87Q279.93 72.8 276.32 74.29Q272.71 75.78 268.35 75.78ZM194.41 75.78Q188.82 75.78 184.48 73.48Q180.14 71.18 177.66 67.09Q175.18 63 175.18 57.79Q175.18 52.62 177.61 48.57Q180.04 44.51 184.23 42.16Q188.43 39.8 193.63 39.8Q198.73 39.8 202.65 42.01Q206.56 44.23 208.79 48.12Q211.02 52.02 211.02 57.01Q211.02 57.97 210.91 58.99Q210.81 60.02 210.52 61.33L185.87 61.42Q186.11 62.23 186.46 62.94Q187.54 65.12 189.56 66.27Q191.58 67.42 194.38 67.42Q196.93 67.42 198.98 66.55Q201.03 65.69 202.59 63.92L208.54 69.87Q205.99 72.8 202.38 74.29Q198.77 75.78 194.41 75.78ZM366.93 75.78Q361.34 75.78 357 73.48Q352.66 71.18 350.18 67.09Q347.71 63 347.71 57.79Q347.71 52.62 350.13 48.57Q352.56 44.51 356.75 42.16Q360.95 39.8 366.15 39.8Q371.25 39.8 375.17 42.01Q379.08 44.23 381.31 48.12Q383.54 52.02 383.54 57.01Q383.54 57.97 383.43 58.99Q383.33 60.02 383.05 61.33L358.39 61.42Q358.63 62.23 358.98 62.94Q360.06 65.12 362.08 66.27Q364.1 67.42 366.9 67.42Q369.45 67.42 371.5 66.55Q373.56 65.69 375.11 63.92L381.06 69.87Q378.51 72.8 374.9 74.29Q371.29 75.78 366.93 75.78ZM330.74 75.89Q327.7 75.89 324.76 75.09Q321.82 74.29 319.32 72.86Q316.83 71.42 315.06 69.48L321.18 63.24Q322.92 65.12 325.25 66.13Q327.59 67.14 330.35 67.14Q332.27 67.14 333.28 66.59Q334.28 66.04 334.28 65.01Q334.28 63.74 333.06 63.07Q331.84 62.39 329.93 61.88Q328.02 61.37 325.89 60.71Q323.77 60.06 321.84 58.92Q319.91 57.79 318.7 55.79Q317.5 53.79 317.5 50.64Q317.5 47.34 319.2 44.88Q320.9 42.42 324.02 41.02Q327.13 39.62 331.35 39.62Q335.7 39.62 339.44 41.13Q343.17 42.63 345.51 45.64L339.35 51.88Q337.72 49.96 335.7 49.17Q333.68 48.37 331.74 48.37Q329.89 48.37 328.99 48.92Q328.09 49.47 328.09 50.42Q328.09 51.52 329.29 52.16Q330.5 52.8 332.41 53.29Q334.32 53.79 336.43 54.48Q338.53 55.17 340.45 56.39Q342.36 57.61 343.56 59.63Q344.77 61.65 344.77 64.87Q344.77 69.94 340.98 72.91Q337.19 75.89 330.74 75.89ZM225.79 75 211.2 40.58H222.88L230.27 61.94L237.65 40.58H249.12L234.53 75ZM289.49 75V40.58H300.33V43.2Q303.55 39.87 309.14 39.87Q311.62 39.87 313.52 40.62Q315.41 41.36 316.83 42.92L310.38 51.06Q309.67 50.28 308.63 49.88Q307.58 49.47 306.2 49.47Q303.51 49.47 301.92 51.12Q300.33 52.78 300.33 56.13V75ZM145.93 33.64V46.18H153.87Q157.2 46.18 159 44.49Q160.81 42.81 160.81 39.91Q160.81 37.18 159.02 35.41Q157.23 33.64 153.9 33.64ZM185.86 53.98 200.89 53.92Q200.67 52.92 200.31 52.11Q199.44 50.14 197.79 49.11Q196.15 48.09 193.7 48.09Q191.15 48.09 189.28 49.26Q187.4 50.42 186.39 52.57Q186.08 53.23 185.86 53.98ZM358.38 53.98 373.41 53.92Q373.19 52.92 372.83 52.11Q371.96 50.14 370.32 49.11Q368.67 48.09 366.23 48.09Q363.68 48.09 361.8 49.26Q359.92 50.42 358.91 52.57Q358.6 53.23 358.38 53.98ZM259.8 53.98 274.83 53.92Q274.61 52.92 274.25 52.11Q273.38 50.14 271.73 49.11Q270.08 48.09 267.64 48.09Q265.09 48.09 263.22 49.26Q261.34 50.42 260.33 52.57Q260.02 53.23 259.8 53.98Z'/%3E%3Cpath fill='%2315122E' d='M482.21 75.72Q478.3 75.72 475.19 74.09Q472.47 72.66 470.7 70.28V75H464.19V23.56H470.7V45.51Q472.51 43.1 475.27 41.67Q478.39 40.06 482.21 40.06Q486.91 40.06 490.67 42.44Q494.44 44.81 496.62 48.85Q498.81 52.88 498.81 57.96Q498.81 62.97 496.63 66.99Q494.45 71.02 490.68 73.37Q486.91 75.72 482.21 75.72ZM439.75 75.72Q434.76 75.72 430.72 73.33Q426.68 70.95 424.3 66.88Q421.92 62.81 421.92 57.8Q421.92 52.81 424.3 48.81Q426.68 44.81 430.72 42.44Q434.76 40.06 439.75 40.06Q444.78 40.06 448.82 42.41Q452.87 44.76 455.24 48.78Q457.62 52.81 457.62 57.8Q457.62 62.82 455.24 66.89Q452.87 70.95 448.82 73.33Q444.78 75.72 439.75 75.72ZM516.27 75.72Q513.44 75.72 510.85 74.96Q508.27 74.21 506.13 72.82Q503.98 71.43 502.38 69.49L506.54 65.31Q508.43 67.58 510.89 68.7Q513.35 69.81 516.39 69.81Q519.42 69.81 521.06 68.78Q522.7 67.74 522.7 65.83Q522.7 63.96 521.37 62.91Q520.05 61.87 517.95 61.19Q515.85 60.52 513.53 59.85Q511.2 59.19 509.11 58.11Q507.01 57.02 505.68 55.12Q504.36 53.22 504.36 50.14Q504.36 47.05 505.85 44.79Q507.33 42.54 510.06 41.3Q512.79 40.06 516.57 40.06Q520.59 40.06 523.73 41.48Q526.87 42.9 528.91 45.71L524.75 49.87Q523.25 47.96 521.15 46.97Q519.04 45.97 516.36 45.97Q513.56 45.97 512.07 46.96Q510.57 47.95 510.57 49.64Q510.57 51.35 511.9 52.31Q513.22 53.26 515.32 53.89Q517.42 54.52 519.74 55.21Q522.07 55.89 524.16 57.04Q526.26 58.2 527.59 60.14Q528.91 62.09 528.91 65.27Q528.91 70.08 525.5 72.9Q522.08 75.72 516.27 75.72ZM399.57 75.72Q395.28 75.72 392 74.03Q388.73 72.33 386.58 69.45L391.36 65.06Q392.76 67.07 394.79 68.15Q396.81 69.22 399.35 69.22Q401.87 69.22 403.82 68.15Q405.77 67.07 406.89 64.96Q408.02 62.84 408.02 59.74V25H414.81V59.37Q414.81 64.37 412.83 68.05Q410.84 71.72 407.41 73.72Q403.98 75.72 399.57 75.72ZM439.75 69.47Q443.01 69.47 445.54 67.97Q448.07 66.46 449.51 63.81Q450.94 61.15 450.94 57.78Q450.94 54.45 449.48 51.87Q448.02 49.3 445.52 47.8Q443.01 46.31 439.75 46.31Q436.55 46.31 434.01 47.8Q431.47 49.3 430.04 51.87Q428.6 54.45 428.6 57.8Q428.6 61.17 430.04 63.81Q431.47 66.46 434.01 67.97Q436.55 69.47 439.75 69.47ZM481.13 69.58Q484.37 69.58 486.84 68.09Q489.3 66.61 490.72 63.96Q492.13 61.31 492.13 57.89Q492.13 54.45 490.72 51.81Q489.3 49.17 486.84 47.69Q484.39 46.2 481.18 46.2Q477.97 46.2 475.51 47.69Q473.04 49.17 471.67 51.81Q470.3 54.45 470.3 57.91Q470.3 61.33 471.66 63.97Q473.02 66.61 475.48 68.09Q477.94 69.58 481.13 69.58Z'/%3E%3C/svg%3E") left center/contain no-repeat}
.logo .mark{display:none}

/* ── Linki działów ─────────────────────────────────────────────────────── */
.pasek-linki{display:flex; gap:4px; margin-left:8px}
.pasek-linki a{color:var(--ink,#1E1B2E); text-decoration:none; font-weight:600;
  font-size:14.5px; padding:8px 12px; border-radius:8px}
.pasek-linki a:hover{background:var(--chip,#F3F4F6)}

/* Wszystko po prawej: języki, logowanie, przyciski. */
.pasek .reszta,
.nav .reszta{margin-left:auto; display:flex; align-items:center; gap:8px}

/* ── Przełącznik języka ────────────────────────────────────────────────── */
/* Pokazuje TYLKO inne języki tego samego kraju. Przenoszenie człowieka między
   krajami zmieniłoby mu cennik i dokumenty prawne, więc robi to wyłącznie
   świadome kliknięcie w wybór kraju, nigdy przełącznik. */
.jezyk{color:var(--muted,#6B7280); text-decoration:none; font-weight:600;
  font-size:13.5px; padding:6px 9px; border-radius:8px}
.jezyk:hover{background:var(--chip,#F3F4F6); color:var(--ink,#1E1B2E)}
.jezyk-aktywny{color:var(--primary,#4F46E5); background:var(--tint,var(--primaryTint,#EEF0FF))}
.jezyk-skrot{display:none}

/* ── Wejście do własnego profilu ───────────────────────────────────────── */
/* Stoi obok przełącznika języka, a nie wśród linków działów, bo tamte znikają
   na telefonie — a właśnie tam ludzie najczęściej wracają do swojego profilu. */
.zaloguj{color:var(--ink,#1E1B2E); text-decoration:none; font-weight:600;
  font-size:14.5px; padding:10px 12px; border-radius:8px; white-space:nowrap}
.zaloguj:hover{background:var(--chip,#F3F4F6)}

/* ── Przyciski W PASKU ─────────────────────────────────────────────────── */
/* Pełna definicja, nie dopisek: `site.css` i `wspolne.css` mają własne `.btn`
   o różnych wymiarach, a w pasku mają wyglądać tak samo. */
.pasek .btn,
.nav .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 16px; font:inherit; font-size:14px; font-weight:700; line-height:1.2;
  border-radius:11px; border:1.5px solid transparent; text-decoration:none;
  cursor:pointer; white-space:nowrap}
.pasek .btn.glowny,
.nav .btn.glowny{background:var(--primary,#4F46E5); color:#fff; border-color:transparent}
.pasek .btn.glowny:hover,
.nav .btn.glowny:hover{background:var(--primaryDark,#4338CA)}
.pasek .btn.ramka,
.nav .btn.ramka{background:var(--surface,#fff); color:var(--ink,#1E1B2E);
  border-color:var(--border,#E8E9EF)}
.pasek .btn.ramka:hover,
.nav .btn.ramka:hover{border-color:var(--primary,#4F46E5); color:var(--primary,#4F46E5)}
.pasek .btn.plaski,
.nav .btn.plaski{background:none; border-color:transparent; color:var(--muted,#6B7280);
  font-weight:600; padding:10px 10px}
.pasek .btn.plaski:hover,
.nav .btn.plaski:hover{color:var(--ink,#1E1B2E); background:var(--chip,#F3F4F6)}

/* ── Pasek na telefonie ────────────────────────────────────────────────── */
/* 🔴 Zmierzone 21.09.2026: przy ekranie 390 px dokument miał 645 px, więc
   przycisk i przełącznik języka były POZA ekranem — a telefon to główne
   wejście z reklam. `overflow` nie rysuje paska przewijania, więc na zrzucie
   wygląda to poprawnie; sprawdzać `document.documentElement.scrollWidth`.
   Nic tutaj nie znika: kurczą się odstępy, a nazwy języków schodzą do skrótów
   („Polski" → „PL"). Pełna nazwa zostaje w `aria-label`, więc czytnik ekranu
   czyta ją dalej. Poniżej 430 px zostaje sam znaczek logo — nadal klikalny. */
@media(max-width:900px){
  .pasek-linki{display:none}
}
@media(max-width:760px){
  .pasek .srodek,
  .nav .srodek{gap:8px; padding:0 14px}
  .jezyk{padding:6px 7px; font-size:13px}
  .jezyk-pelny{display:none}
  .jezyk-skrot{display:inline}
  .zaloguj{padding:10px 8px; font-size:14px}
  .pasek .btn,
  .nav .btn{padding:10px 12px; font-size:13.5px}
}
@media(max-width:430px){
  .logo{width:30px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='2' y1='0' x2='102' y2='100'%3E%3Cstop offset='0' stop-color='%237B5CFF'/%3E%3Cstop offset='1' stop-color='%233A1CCF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M18 0H60C77.67 0 92 14.33 92 32C92 41.65 87.72 50.31 80.96 56.18L102 100H78L60.72 63.99C60.48 64 60.24 64 60 64H40V78.01L18 63.53L2 53L40 27.99V42H60C65.52 42 70 37.52 70 32C70 26.48 65.52 22 60 22H40L18 36.48ZM40 84V100H18V69.52Z'/%3E%3C/svg%3E")}
}

/* ── Pasek „ta strona jest też po…" ────────────────────────────────────── */
/* 🔴 Pokazuje się po języku PRZEGLĄDARKI i NIGDY nie przekierowuje sam —
   roboty wyszukiwarek chodzą z adresów amerykańskich i zaindeksowałyby wtedy
   tylko jedną wersję. Wybór zapamiętuje przeglądarka człowieka, nie my. */
.pasek-jezyka{display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  background:var(--tint,var(--primaryTint,#EEF0FF));
  border-bottom:1px solid var(--border,#E8E9EF);
  padding:11px 24px; font-size:14.5px; color:var(--ink,#1E1B2E)}
.pasek-jezyka[hidden]{display:none}
.pasek-jezyka .btn{flex:0 0 auto; display:inline-flex; align-items:center;
  padding:10px 16px; font-size:14px; font-weight:700; border-radius:11px;
  border:1.5px solid transparent; text-decoration:none;
  background:var(--primary,#4F46E5); color:#fff}
.pasek-zamknij{margin-left:auto; background:none; border:0; font-size:20px;
  line-height:1; color:var(--muted,#6B7280); cursor:pointer; padding:2px 6px;
  border-radius:6px}
.pasek-zamknij:hover{background:#fff; color:var(--ink,#1E1B2E)}
@media(max-width:520px){.pasek-jezyka{padding:10px 16px; font-size:13.5px}}