/* SwissTimes native WoodMart header — v2.19
 * WoodMart owns the menu/header markup. This file only styles it.
 */

/* Trust bar */
.swisstimes-topbar {
  position: relative;
  z-index: 390;
  overflow: hidden;
  background: #0b3b2d;
  color: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.swisstimes-topbar__viewport { overflow: hidden; }
.swisstimes-topbar__track {
  width: max-content;
  min-width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.swisstimes-topbar__group { display: flex; align-items: stretch; flex: 0 0 auto; }
.swisstimes-topbar__group[aria-hidden="true"] { display: none; }
.swisstimes-topbar__item {
  min-height: 34px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  color: inherit !important;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.swisstimes-topbar__item + .swisstimes-topbar__item { border-left: 1px solid rgba(255,255,255,.14); }
.swisstimes-topbar__item--offer { color: #e3cfaa !important; }
.swisstimes-topbar__icon { width: 14px; height: 14px; flex: 0 0 14px; }
.swisstimes-topbar__icon svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.5; fill: none; }

/* Native WoodMart header */
.whb-header,
.whb-main-header,
.whb-general-header,
.whb-sticked .whb-main-header,
.whb-sticked .whb-general-header { background: #fff !important; }
.whb-general-header {
  border-bottom: 1px solid #e6e3dc !important;
  box-shadow: none !important;
}
.whb-general-header .whb-flex-row { min-height: 76px; }
.whb-general-header .whb-column { gap: 8px; }

/* Logo */
.whb-general-header .wd-logo,
.whb-general-header .site-logo { overflow: visible !important; }
.whb-general-header .wd-logo img,
.whb-general-header .site-logo img {
  display: block;
  width: auto !important;
  max-width: 270px !important;
  max-height: 44px !important;
  object-fit: contain;
}
.whb-sticked .whb-general-header .wd-logo img,
.whb-sticked .whb-general-header .site-logo img { max-height: 38px !important; }

/* Search */
.whb-general-header .wd-search-form,
.whb-general-header .searchform { max-width: 275px; }
.whb-general-header .searchform input[type="text"],
.whb-general-header .searchform input[type="search"],
.whb-general-header .wd-search-form input[type="text"],
.whb-general-header .wd-search-form input[type="search"] {
  height: 40px;
  min-height: 40px;
  padding-inline: 14px 40px;
  border: 1px solid #dedbd4 !important;
  border-radius: 2px !important;
  background: #f8f7f3 !important;
  box-shadow: none !important;
  color: #141814 !important;
  font-size: 11.5px;
}
.whb-general-header .searchform input:focus,
.whb-general-header .wd-search-form input:focus { background: #fff !important; border-color: #0b3b2d !important; }

/* Utility icon treatment */
.whb-general-header .wd-tools-element > a,
.whb-general-header .wd-header-my-account > a,
.whb-general-header .wd-header-cart > a,
.whb-general-header .wd-header-wishlist > a,
.whb-general-header .wd-header-mobile-nav > a {
  min-width: 42px;
  min-height: 42px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #0b3b2d !important;
  transition: background .18s ease, border-color .18s ease;
}
.whb-general-header .wd-tools-element > a:hover,
.whb-general-header .wd-header-my-account > a:hover,
.whb-general-header .wd-header-cart > a:hover,
.whb-general-header .wd-header-wishlist > a:hover,
.whb-general-header .wd-header-mobile-nav > a:hover { background:#f7f5f0; border-color:#dedbd4; }
.whb-general-header .wd-tools-icon { color:#0b3b2d !important; }
.whb-general-header .wd-tools-count {
  min-width: 16px; height: 16px; padding: 0 4px;
  border-radius: 999px; background:#0b3b2d !important; color:#fff !important;
  font-size: 8px; line-height:16px;
}
.whb-general-header .wd-header-compare,
.whb-general-header .wd-compare-header { display:none !important; }

/* Desktop navigation — one real WordPress menu, no duplicate theme menu. */
.whb-header-bottom {
  position: relative;
  z-index: 380;
  display: block;
  min-height: 46px;
  background: #fff !important;
  border-bottom: 1px solid #e6e3dc !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.whb-header-bottom .container,
.whb-header-bottom .container-fluid,
.whb-header-bottom .whb-flex-row { overflow: visible !important; }
.whb-header-bottom .wd-header-nav,
.whb-header-bottom .wd-nav-main {
  width: 100%;
  min-width: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap !important;
  gap: 0;
  overflow: visible !important;
}
.whb-header-bottom .wd-nav-main > li { flex: 0 0 auto; position: relative; }
.whb-header-bottom .wd-nav-main > li > a {
  position: relative;
  min-height: 46px;
  padding: 0 13px !important;
  display: flex !important;
  align-items: center;
  white-space: nowrap;
  color: #1d221f !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
}
.whb-header-bottom .wd-nav-main > li > a:after { margin-left: 6px; }
.whb-header-bottom .wd-nav-main > li > a:before {
  content:"";
  position:absolute;
  left:13px; right:100%; bottom:0;
  height:2px; background:#0b3b2d;
  transition:right .18s ease;
}
.whb-header-bottom .wd-nav-main > li:hover > a:before,
.whb-header-bottom .wd-nav-main > li.current-menu-item > a:before,
.whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a:before { right:13px; }
.whb-header-bottom .wd-nav-main > li:hover > a,
.whb-header-bottom .wd-nav-main > li.current-menu-item > a,
.whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a { color:#0b3b2d !important; }

/* Native dropdowns */
.whb-header .wd-dropdown,
.whb-header .wd-dropdown-menu,
.whb-header .wd-sub-menu,
.whb-header .sub-menu {
  z-index: 9999 !important;
  background:#fff !important;
  border:1px solid #dfdcd4 !important;
  border-radius:2px !important;
  box-shadow:0 18px 42px rgba(17,19,16,.10) !important;
}
.whb-header .wd-dropdown { padding-top:10px; padding-bottom:10px; }
.whb-header .wd-dropdown a,
.whb-header .sub-menu a {
  color:#2d322e !important;
  font-size:12px !important;
  line-height:1.45;
}
.whb-header .wd-dropdown a:hover,
.whb-header .sub-menu a:hover { color:#0b3b2d !important; }

.whb-sticked .whb-general-header {
  box-shadow:0 8px 24px rgba(17,19,16,.06) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* Native WoodMart mobile drawer */
.mobile-nav,
.wd-side-hidden.mobile-nav {
  width:min(390px, 91vw) !important;
  background:#fff !important;
}
.mobile-nav .wd-search-form { padding:18px !important; border-bottom:1px solid #e6e3dc; }
.mobile-nav .wd-search-form input {
  height:46px !important;
  border:1px solid #dedbd4 !important;
  border-radius:2px !important;
  background:#f8f7f3 !important;
}
.mobile-nav .wd-nav-mobile > li > a {
  min-height:56px;
  padding:0 20px !important;
  display:flex;
  align-items:center;
  color:#151916 !important;
  border-bottom:1px solid #ebe9e3 !important;
  font-size:14px !important;
  font-weight:650 !important;
  letter-spacing:.01em;
}
.mobile-nav .wd-nav-mobile .wd-sub-menu a,
.mobile-nav .wd-nav-mobile ul a {
  min-height:48px;
  padding:0 22px 0 32px !important;
  display:flex;
  align-items:center;
  color:#565a55 !important;
  border-bottom:1px solid #efede8 !important;
  font-size:13px !important;
}
.mobile-nav .wd-nav-opener {
  width:54px !important;
  min-width:54px !important;
  background:transparent !important;
  color:#0b3b2d !important;
  border-left:0 !important;
  border-bottom:1px solid #ebe9e3 !important;
}
.mobile-nav .wd-nav-opener.wd-active { background:#f7f6f2 !important; }

/* Mobile toolbar */
.wd-toolbar .wd-toolbar-compare,
.wd-toolbar [class*="compare"] { display:none !important; }
.wd-toolbar {
  min-height:58px;
  background:rgba(255,255,255,.98) !important;
  border-top:1px solid #e4e2dc !important;
  box-shadow:0 -8px 24px rgba(17,19,16,.05) !important;
}

@media (max-width: 1024px) {
  /* WoodMart's native mobile columns: burger | logo | account + cart */
  .whb-general-header .whb-flex-row { min-height:72px; }
  .whb-general-header .whb-mobile-left,
  .whb-general-header .whb-mobile-right,
  .whb-general-header .whb-column:first-child,
  .whb-general-header .whb-column:last-child { min-width:82px !important; }
  .whb-general-header .whb-mobile-center,
  .whb-general-header .whb-column:nth-child(2) { flex:1 1 auto; justify-content:center; }
  .whb-general-header .wd-logo,
  .whb-general-header .site-logo { width:auto !important; max-width:240px !important; }
  .whb-general-header .wd-logo img,
  .whb-general-header .site-logo img {
    width:min(230px, 54vw) !important;
    max-width:min(230px, 54vw) !important;
    max-height:46px !important;
  }
  .whb-general-header .wd-header-mobile-nav > a,
  .whb-general-header .wd-header-my-account > a,
  .whb-general-header .wd-header-cart > a { min-width:40px !important; width:40px !important; min-height:44px !important; padding:0 !important; }
  .whb-header-bottom { display:none !important; }

  /* Real ticker so benefit copy never clips. */
  .swisstimes-topbar__track {
    justify-content:flex-start;
    animation:swisstimes-topbar-marquee 22s linear infinite;
  }
  .swisstimes-topbar__group[aria-hidden="true"] { display:flex; }
  .swisstimes-topbar__item { min-height:32px; padding:0 14px; font-size:8.5px; }
}
@keyframes swisstimes-topbar-marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

@media (max-width: 480px) {
  .whb-general-header .whb-mobile-left,
  .whb-general-header .whb-mobile-right,
  .whb-general-header .whb-column:first-child,
  .whb-general-header .whb-column:last-child { min-width:74px !important; }
  .whb-general-header .wd-logo img,
  .whb-general-header .site-logo img { width:min(205px, 50vw) !important; max-width:min(205px, 50vw) !important; }
}

@media (prefers-reduced-motion:reduce) {
  .swisstimes-topbar__track { animation:none !important; overflow-x:auto; }
  .swisstimes-topbar__group[aria-hidden="true"] { display:none; }
}

/* V2.20 DESKTOP HEADER RELIABILITY
 * Keep WoodMart menu native, but force the desktop nav row into normal document
 * flow with a dedicated dark-green navigation band. Mobile rules remain native.
 */
@media (min-width: 1025px) {
  .whb-header,
  .whb-main-header {
    overflow: visible !important;
  }

  .whb-general-header {
    position: relative !important;
    z-index: 410 !important;
    min-height: 82px !important;
    background: #fbfaf7 !important;
  }
  .whb-general-header .whb-flex-row {
    min-height: 82px !important;
    height: 82px !important;
    align-items: center !important;
  }
  .whb-general-header .wd-logo img,
  .whb-general-header .site-logo img {
    width: auto !important;
    max-width: 315px !important;
    max-height: 50px !important;
  }

  .whb-header-bottom {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    z-index: 405 !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #0b3b2d !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: none !important;
  }
  .whb-header-bottom > .container,
  .whb-header-bottom > .container-fluid,
  .whb-header-bottom .whb-flex-row,
  .whb-header-bottom .whb-column {
    height: 52px !important;
    min-height: 52px !important;
    overflow: visible !important;
  }
  .whb-header-bottom .whb-flex-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .whb-header-bottom .wd-header-nav,
  .whb-header-bottom .wd-nav-main {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }
  .whb-header-bottom .wd-nav-main > li {
    position: relative !important;
    flex: 0 0 auto !important;
    height: 52px !important;
  }
  .whb-header-bottom .wd-nav-main > li > a {
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
  .whb-header-bottom .wd-nav-main > li > a::before {
    left: 14px !important;
    right: 100% !important;
    bottom: 0 !important;
    height: 2px !important;
    background: #d6bd8f !important;
  }
  .whb-header-bottom .wd-nav-main > li:hover > a::before,
  .whb-header-bottom .wd-nav-main > li.current-menu-item > a::before,
  .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a::before {
    right: 14px !important;
  }
  .whb-header-bottom .wd-nav-main > li:hover > a,
  .whb-header-bottom .wd-nav-main > li.current-menu-item > a,
  .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a {
    color: #ead8b4 !important;
  }

  /* Keep dropdowns below the green navigation band, never over the page title. */
  .whb-header-bottom .wd-dropdown,
  .whb-header-bottom .wd-dropdown-menu,
  .whb-header-bottom .wd-sub-menu,
  .whb-header-bottom .sub-menu {
    top: 100% !important;
    margin-top: 0 !important;
  }

  /* Avoid the page title/breadcrumb area sliding under the navigation row. */
  .whb-header + .main-page-wrapper,
  .whb-header + .website-wrapper,
  body .main-page-wrapper {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (min-width:1025px) and (max-width:1366px) {
  .whb-header-bottom .wd-nav-main > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 9.7px !important;
    letter-spacing: .085em !important;
  }
  .whb-header-bottom .wd-nav-main > li > a::before { left:10px !important; }
  .whb-header-bottom .wd-nav-main > li:hover > a::before,
  .whb-header-bottom .wd-nav-main > li.current-menu-item > a::before,
  .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a::before { right:10px !important; }
}