:root{
  --mw-header-height:124px;
  --mw-header-padding-y:10px;
  --mw-logo-size:104px;
  --mw-logo-offset-x:0px;
  --mw-logo-offset-y:0px;
  --mw-header-brand-offset-y:0px;
}

/* Podstrony: wyższy nagłówek niż na stronie głównej.
   Zmienna jest przypisana do body nie-home, dzięki czemu wszystkie sekcje
   liczące odstęp od absolutnego nagłówka zachowują prawidłową pozycję. */
body:not(.home){
  --mw-header-height:215px;
}

.mw-site-header{
  position:relative;
  z-index:50;
  width:100%;
  background:#fbf8ed;
  border-bottom:1px solid rgba(16,43,37,.10);
  overflow:visible;
  isolation:isolate;
}
.mw-site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 8% 28%, rgba(242,183,45,.10) 0 2%, transparent 12%),
    radial-gradient(circle at 91% 42%, rgba(74,108,77,.10) 0 2%, transparent 15%),
    linear-gradient(100deg, #fffdf7 0%, #fbf8ed 55%, #f4f4df 100%);
  opacity:1;
  pointer-events:none;
}
.mw-site-header::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.80) 0%,
    rgba(255,255,255,.62) 38%,
    rgba(255,251,237,.42) 72%,
    rgba(255,249,229,.30) 100%
  );
  pointer-events:none;
}
.mw-header-inner{height:var(--mw-header-height);min-height:0;padding-block:var(--mw-header-padding-y);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:28px}
.mw-brand{min-width:0;display:inline-flex;align-items:center;gap:18px;text-decoration:none;flex-shrink:0;transform:translateY(var(--mw-header-brand-offset-y))}
.mw-brand-logo{width:var(--mw-logo-size);height:var(--mw-logo-size);flex:0 0 var(--mw-logo-size);display:grid;place-items:center;overflow:visible;transform:translate(var(--mw-logo-offset-x),var(--mw-logo-offset-y));transform-origin:center}
.mw-brand-logo img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center}
.mw-brand-mark{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:var(--mw-green);color:#fff;font:800 22px/1 var(--mw-font-display)}
.mw-brand-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.mw-brand-copy strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(32px,2.35vw,44px);font-weight:700;line-height:.94;letter-spacing:-.025em;white-space:nowrap;color:#075B46}
.mw-brand-copy small{margin-top:7px;color:#F2B400;font-size:17px;font-weight:600;line-height:1.15;white-space:nowrap}
.mw-nav{display:flex;align-items:center;gap:18px;margin-left:auto}
.mw-nav-list{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.mw-nav li{margin:0;padding:0;list-style:none}.mw-nav li::marker{content:""}
.mw-nav a{min-height:44px;padding-inline:14px;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;text-decoration:none;font:700 14px/1 var(--mw-font-display);transition:.2s ease}
.mw-nav a:hover{background:rgba(255,255,255,.74);color:var(--mw-green);border-color:rgba(16,43,37,.12)}
.mw-nav .current-menu-item>a,.mw-nav a[aria-current="page"],.mw-nav a.is-active{color:#0b7046}
.mw-nav-list--primary a.is-active{position:relative;background:transparent;box-shadow:none;border-color:transparent}
.mw-nav-list--primary a.is-active:after{content:"";position:absolute;left:16px;right:16px;bottom:3px;height:2px;border-radius:10px;background:#f2b72d}
.mw-nav-actions{display:flex;align-items:center;gap:10px}
.mw-nav-actions a{min-height:46px;padding-inline:18px}
.mw-nav-actions .mw-nav-login{border:1px solid rgba(8,86,59,.35);background:rgba(255,255,255,.68);color:#0b573d}
.mw-nav-actions .mw-nav-add-listing{border:1px solid rgba(8,86,59,.30);background:rgba(255,255,255,.78);color:#0b6f47}
.mw-nav-actions .mw-nav-add-listing:hover{background:#eef8f2;color:#075f3d;border-color:rgba(8,86,59,.38)}
.mw-nav-actions .mw-nav-add{padding-inline:22px;background:#087b47;color:#fff;border-color:#087b47;box-shadow:0 10px 24px rgba(7,123,71,.20)}
.mw-nav-actions .mw-nav-add:hover{background:#066b3e;color:#fff;border-color:#066b3e}
.mw-menu-toggle{display:none;width:48px;height:48px;padding:12px;border:1px solid currentColor;border-radius:14px;background:transparent;color:inherit}.mw-menu-toggle span{display:block;height:2px;margin:4px 0;border-radius:99px;background:currentColor}

/* Dwa świadomie rozdzielone warianty nagłówka.
   HOME: nagłówek jest przezroczystą warstwą nad banerem Hero,
   więc pod logo i menu widać dokładnie tę samą grafikę co w Hero.
   PODSTRONY: używają osobnego, delikatnego Tlo-naglowek.jpg. */
.mw-site-header--home,
.mw-site-header--inner{
  position:absolute;
  inset:0 0 auto;
  border:0;
}

/* Strona główna — osobny wariant nagłówka. Opcjonalne własne tło dodaje panel motywu. */
.mw-site-header--home{
  background:transparent;
  backdrop-filter:none;
}
.mw-site-header--home::before,
.mw-site-header--home::after{
  content:none;
  display:none;
}

/* HOME: większy bezpieczny obszar dla dużego logo.
   Logo z dekoracjami ma trochę wewnętrznego marginesu, dzięki czemu
   kłosy/kwiaty nie dotykają krawędzi i nie wyglądają na obcięte. */
.mw-site-header--home .mw-header-inner{
  height:max(178px,var(--mw-header-height));
  padding-block:14px;
}
/* HOME: rezerwujemy realnie większy obszar niż sam rozmiar grafiki.
   Dzięki temu dekoracyjne kłosy/kwiaty nie są ściskane ani przycinane,
   a duże logo nadal może pozostać duże. */
.mw-site-header--home .mw-brand-logo{
  width:calc(var(--mw-logo-size) + 30px);
  height:calc(var(--mw-logo-size) + 24px);
  flex:0 0 calc(var(--mw-logo-size) + 30px);
  padding:0 15px 0 15px;
  box-sizing:border-box;
  transform:translate(var(--mw-logo-offset-x),calc(var(--mw-logo-offset-y) + 8px));
}
.mw-site-header--home .mw-brand-logo img{
  width:var(--mw-logo-size);
  height:var(--mw-logo-size);
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
}

/* Podstrony — osobny wariant, niezależny od strony głównej. */
.mw-site-header--inner{
  --mw-header-brand-offset-y:3px;
  background:#fbf8ed;
  backdrop-filter:none;
  border-bottom:1px solid rgba(16,43,37,.10);
}
.mw-site-header--inner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  display:block;
  background:
    radial-gradient(circle at 8% 28%, rgba(242,183,45,.10) 0 2%, transparent 12%),
    radial-gradient(circle at 91% 42%, rgba(74,108,77,.10) 0 2%, transparent 15%),
    linear-gradient(100deg, #fffdf7 0%, #fbf8ed 55%, #f4f4df 100%);
  opacity:1;
  pointer-events:none;
}
.mw-site-header--inner::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  display:block;
  background:linear-gradient(
    90deg,
    rgba(6,63,53,.68) 0%,
    rgba(6,63,53,.52) 24%,
    rgba(6,63,53,.24) 46%,
    rgba(6,63,53,.06) 62%,
    rgba(6,63,53,0) 72%
  );
  pointer-events:none;
}
.admin-bar .mw-site-header--home,
.admin-bar .mw-site-header--inner{
  top:32px;
}

@media (max-width: 760px){
  .mw-site-header--inner::before{
    opacity:1;
  }
  .mw-site-header--inner::after{
    background:linear-gradient(
      90deg,
      rgba(6,63,53,.72) 0%,
      rgba(6,63,53,.52) 46%,
      rgba(6,63,53,.12) 78%,
      rgba(6,63,53,0) 100%
    );
  }
}

/* v2.1.44 — HOME: mocniejszy branding bez zmiany rozmiaru logo. */
.mw-site-header--home .mw-brand-copy strong{
  font-size:clamp(36px,2.65vw,50px);
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.mw-site-header--home .mw-brand-copy small{
  font-size:18px;
}

/* v2.1.64 — HOME: główna pozycja menu jest jasna na tle zdjęcia także na desktopie.
   Przyciski akcji mają własne kolory i nie są objęte tą regułą. */
.mw-site-header--home .mw-nav-list--primary > li > a,
.mw-site-header--home .mw-nav-list--primary > li > a:visited,
.mw-site-header--home .mw-nav-list--primary > li.current-menu-item > a,
.mw-site-header--home .mw-nav-list--primary > li > a[aria-current="page"],
.mw-site-header--home .mw-nav-list--primary > li > a.is-active{
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}
.mw-site-header--home .mw-nav-list--primary > li > a:hover,
.mw-site-header--home .mw-nav-list--primary > li > a:focus-visible{
  color:#fff;
}


/* v2.1.50 — podstrony: nieco wyższy nagłówek na desktopie,
   zgodnie z proporcjami zaakceptowanego wariantu. */
@media (max-width: 980px){
  body:not(.home){--mw-header-height:185px;}
}
@media (max-width: 760px){
  body:not(.home){--mw-header-height:165px;}
}
@media (max-width: 480px){
  body:not(.home){--mw-header-height:150px;}
}

/* v2.1.57 — ciemnozielone zamglenie po lewej stronie nagłówków podstron. */
.mw-site-header--inner .mw-brand-copy strong{
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.16);
}
.mw-site-header--inner .mw-brand-copy small{
  color:#F2B400;
  text-shadow:0 1px 2px rgba(0,0,0,.12);
}

/* v2.1.65 — HOME: zwykły link menu pozostaje bez tła także po najechaniu.
   Reguła celowo dotyczy tylko listy głównej, nie przycisków akcji. */
.mw-site-header--home .mw-nav-list--primary > li > a:hover,
.mw-site-header--home .mw-nav-list--primary > li > a:focus,
.mw-site-header--home .mw-nav-list--primary > li > a:focus-visible{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}

/* v2.1.67 — podstrony: jasne linki głównego menu na tle fotografii nagłówka.
   Przyciski akcji zachowują własne kolory. */
.mw-site-header--inner .mw-nav-list--primary > li > a,
.mw-site-header--inner .mw-nav-list--primary > li > a:visited,
.mw-site-header--inner .mw-nav-list--primary > li.current-menu-item > a,
.mw-site-header--inner .mw-nav-list--primary > li > a[aria-current="page"],
.mw-site-header--inner .mw-nav-list--primary > li > a.is-active{
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.30);
}
.mw-site-header--inner .mw-nav-list--primary > li > a:hover,
.mw-site-header--inner .mw-nav-list--primary > li > a:focus,
.mw-site-header--inner .mw-nav-list--primary > li > a:focus-visible{
  background:rgba(6,63,53,.20);
  border-color:rgba(255,255,255,.16);
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.30);
}