/* Native Woodmart Header Builder, scoped to Homepage 2026. */

.ob26 .whb-header {
  position: relative;
  --wd-header-el-font: var(--font);
  --wd-header-el-font-size: 13px;
  --wd-header-el-font-weight: 500;
  --wd-header-el-transform: none;
}

.ob26 .whb-header .wd-nav {
  --nav-gap: clamp(20px, 2.4vw, 44px);
  --nav-color: var(--ink);
  --nav-color-hover: var(--ink);
  --nav-color-active: var(--ink);
  flex-wrap: nowrap;
}

/* The contact action is a button on desktop and a menu item on mobile. */

.ob26 .whb-header .wd-nav > li:has(> a[href$="#kontakt"]) {
  display: none;
}

.ob26 .whb-header .wd-header-nav .wd-nav > li > a {
  height: auto;
  padding-block: 12px;
  white-space: nowrap;
}

.ob26 .whb-header .wd-header-nav .nav-link-text {
  position: relative;
}

.ob26 .whb-header .wd-header-nav .nav-link-text::after {
  content: "";
  position: absolute;
  inset: auto 0 -7px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s ease;
}

.ob26 .whb-header .wd-header-nav a:hover .nav-link-text::after {
  transform: scaleX(1);
}

/* Override the older child-theme rule that hides the original header button. */

.ob26 .whb-header .whb-general-header .whb-col-right .wd-button-wrapper:has(> .ob26-header-cta) {
  display: block;
  padding-inline: 10px;
}

.ob26 .whb-header .site-logo img {
  height: auto;
  padding-block: 0;
}

.ob26 .whb-header .wd-header-mobile-nav > a {
  min-height: 44px;
  color: var(--ink);
}

.ob26 .whb-header .wd-header-mobile-nav .wd-tools-text {
  font: 500 12px/1.5 var(--font);
}

.ob26 .mobile-nav {
  background: var(--paper);
  color: var(--ink);
}

.ob26 .mobile-nav .wd-nav-mobile > li > a {
  min-height: 70px;
  padding-inline: 28px;
  color: var(--ink);
  font: 500 22px/1.4 var(--font);
  text-transform: none;
  border-color: var(--line);
}

.ob26 .mobile-nav .wd-heading {
  min-height: 72px;
  border-bottom: 1px solid var(--line);
}

.ob26 .mobile-nav .close-side-widget a {
  min-height: 44px;
  color: var(--ink);
  font: 500 12px/1.5 var(--font);
}

.ob26 .whb-header a:focus-visible,
.ob26 .mobile-nav a:focus-visible {
  outline: 2px solid var(--bronze);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .ob26 .whb-header .whb-flex-row,
  .ob26 .whb-header .wd-header-nav .nav-link-text::after,
  .ob26 .mobile-nav {
    transition: none;
    animation: none;
  }
}