/* Hno theme: the real legacy shop (hno.fc-web.de) renders a solid brand-orange
   #categoryWrapper band with white nav-link text (confirmed live via getComputedStyle-
   equivalent screenshot inspection) - same treatment as Kvb.scss's own categoryWrapper
   rules, minus the skewed logo badge (HNO's real logo sits plainly in #main-menu, no
   #logo-wrapper/#expanded markup on the real site). */
#categoryWrapper {
  background-color: var(--brand-primary);
}

#categoryWrapper .nav-link {
  color: #fff;
}

#categoryWrapper .navbar-nav li.nav-item:hover .nav-link,
#categoryWrapper .navbar-nav li.nav-item:focus .nav-link {
  background-color: #fff;
  color: var(--brand-primary) !important;
  border-radius: 4px;
}

#categoryWrapper .navbar-toggler {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  border-color: rgba(255, 255, 255, 0.55);
}

/* Real values read off the live site's own getComputedStyle (hno.fc-web.de, logged in
   with the real SECRET password) - the local style.scss source alone (below) matched
   exactly, but verified against the live render per the project's established habit:
   $background-color: #EAEEE6, $font-color/$footer-font-color: #555,
   $link-color-shade: #b23800. DefaultTemplate's shared `.nav-link { color: var(--accent) }`
   rule would otherwise paint the meta-nav links brand-orange, which the real site never
   does (that color is reserved for hover/buttons/categoryWrapper only). */
#meta-nav {
  background-color: #EAEEE6;
}

#meta-nav .nav-link {
  color: #000;
  font-weight: 700;
  font-size: 12px;
}

#meta-nav .nav-link:hover {
  color: #b23800;
}

.footer {
  background-color: #EAEEE6;
  color: #555;
  min-height: 220px;
  margin-top: 20px;
}

.footer a {
  color: inherit;
}

.footer-column {
  border-right: 1px solid #555;
  padding-right: 15px;
}

.footer-column:last-child {
  border-right: none;
}