/* VILLAGE MTA | Header wallpaper | obraz /assets/header.png */
/* Background covers only the logo/userbar band; the navigation below stays dark. */
.topbar > .vmta-header-hero {
  position: relative;
  background: transparent;
}

.topbar > .vmta-header-hero.vmta-header-has-image {
  background-color: #0b0d0a;
  background-image:
    linear-gradient(90deg, rgba(5, 7, 6, .83) 0%, rgba(5, 7, 6, .30) 48%, rgba(5, 7, 6, .83) 100%),
    linear-gradient(180deg, rgba(5, 7, 6, .18) 0%, rgba(5, 7, 6, .42) 100%),
    var(--vmta-header-image);
  background-repeat: no-repeat;
  background-position: center, center, center 48%;
  background-size: cover;
  border-bottom: 1px solid rgba(166, 206, 57, .12);
}

/* The existing menus and notification dropdowns keep their z-index and remain visible. */
.topbar > .vmta-header-hero .topbar-row {
  position: relative;
}

@media (max-width: 768px) {
  .topbar > .vmta-header-hero.vmta-header-has-image {
    background-position: center, center, 35% center;
    background-image:
      linear-gradient(90deg, rgba(5, 7, 6, .87) 0%, rgba(5, 7, 6, .53) 52%, rgba(5, 7, 6, .87) 100%),
      linear-gradient(180deg, rgba(5, 7, 6, .20), rgba(5, 7, 6, .42)),
      var(--vmta-header-image);
  }
}