/* UmkaPro graphite + gold v4 — darker header */
:root{
  --umka-header-deep:#191c1f;
  --umka-header-deep-mobile:#1b1e21;
  --umka-header-line:#363d42;
}

/* Dark graphite header: visibly darker than the page, but not pure black. */
html body .topbar,
html body .top,
html body.home-page .topbar,
html body.page-service .topbar,
html body.page-case .topbar,
html body.en-page .topbar,
html body .topbar#top{
  background:#191c1f!important;
  background-color:#191c1f!important;
  border-bottom:1px solid var(--umka-header-line)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
html body .topbar::before,
html body .topbar::after,
html body .top::before,
html body .top::after{
  background-color:transparent!important;
}
html body .topbar .topbar__row,
html body .top .toprow{
  background:transparent!important;
}
html body .topbar .nav a:hover,
html body .topbar .nav__summary:hover{
  background:#262a2e!important;
}
html body .topbar .iconbtn,
html body .topbar .header-quicklink,
html body .topbar .language-switch,
html body .topbar .hamb{
  background:#24282c!important;
  border-color:#424a50!important;
}
html body .nav__submenu{
  background:#202428!important;
  border-color:#424b51!important;
}
html body .nav__submenu a:hover{background:#2a2f33!important}

@media(max-width:900px){
  html body .topbar,
  html body .top,
  html body.home-page .topbar,
  html body.page-service .topbar,
  html body.page-case .topbar,
  html body.en-page .topbar{
    background:#1b1e21!important;
    background-color:#1b1e21!important;
  }
  html body .drawer__panel{background:#202428!important}
}