/* ============================================================
   HEMATO — Header (topbar + nav + menu mobilne)
   ============================================================ */
a.custom-logo-link {
    width: 120px;
}
.topbar a.brand{
  display: none !important;
}
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(16px,4vw,56px);height:78px;
  background:linear-gradient(180deg,rgba(12,9,7,.92),rgba(12,9,7,.75));
  backdrop-filter:blur(14px);border-bottom:1px solid var(--hair);transition:height .3s
}
.topbar.scrolled{height:64px;background:rgba(12,9,7,.97)}
.topbar .brand img{height:36px;width:auto}
.topbar .brand .brand-txt{font-family:var(--disp);font-weight:900;font-size:24px;letter-spacing:.06em;color:var(--bone)}

.nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,34px)}
.nav a{font-family:var(--disp);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);position:relative;padding:6px 10px;opacity:.85;transition:.25s}
.nav a:hover,.nav a.act,.nav li.current-menu-item > a{opacity:1;color:var(--copper-hi)}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--blood),var(--copper-hi));transition:width .3s}
.nav a:hover::after,.nav a.act::after,.nav li.current-menu-item > a::after{width:100%}
/* nav jako menu WP (ul) */
.nav ul.menu{display:flex;align-items:center;gap:clamp(14px,2.2vw,34px);list-style:none;margin:0;padding:0}

.lang{display:flex;border:1px solid var(--hair);font-family:var(--mono);font-size:11px}
.lang span{padding:5px 9px;cursor:pointer;color:var(--muted)}
.lang span.on{background:var(--blood);color:var(--bone)}

.burger{display:none;background:none;border:1px solid var(--hair);color:var(--bone);width:42px;height:42px;cursor:pointer;font-size:18px}

/* Offset treści pod przyklejony (fixed) topbar.
   Hero wciągamy z powrotem pod pasek (efekt pełnego tła). */
.site-content{padding-top:78px}
.site-content > .site-main > .hero-slider-block:first-child,
.site-content > .hero-slider-block:first-child{margin-top:-78px}

@media(max-width:900px){
  .nav{position:fixed;top:64px;right:0;bottom:0;width:min(78vw,340px);flex-direction:column;align-items:flex-start;gap:6px;background:rgba(12,9,7,.98);border-left:1px solid var(--hair);padding:34px 28px;transform:translateX(100%);transition:.4s;z-index:120;overflow-y:auto}
  .nav.open{transform:none}
  .nav ul.menu{flex-direction:column;align-items:flex-start;gap:6px;width:100%}
  .nav a{font-size:19px;padding:10px 0}
  .burger{display:block}
}