/* surrobonds — grouped member navigation. Appended after the legacy header styles. */
.navigation.navigation--refined {
  display:flex;
  align-items:center;
  gap:clamp(28px,3.4vw,64px);
  font:600 14px/1.3 var(--sans);
  letter-spacing:0;
}
.navigation--refined .member-nav-primary,
.navigation--refined .member-nav-actions {
  display:flex;
  align-items:center;
  gap:clamp(17px,2vw,33px);
}
.navigation--refined .member-nav-actions {gap:4px}
.navigation--refined a::after {display:none !important}
.navigation--refined .member-nav-link,
.navigation--refined .member-nav-trigger {
  font:inherit;
  letter-spacing:inherit;
  color:var(--identity-dark,var(--ink));
  white-space:nowrap;
}
.navigation--refined .member-nav-primary__link {
  display:inline-flex;
  align-items:center;
  padding:22px 0 20px;
  min-height:62px;
  border-bottom:2px solid transparent;
  transition:color .15s ease,border-color .15s ease;
}
.navigation--refined .member-nav-primary__link:hover,
.navigation--refined .member-nav-primary__link[aria-current="page"] {
  color:var(--rust-dark);
  border-bottom-color:var(--rust-dark);
}
.navigation--refined .member-nav-dropdown {position:relative;display:block}
.navigation--refined .member-nav-trigger {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:62px;padding:22px 0 20px;
  list-style:none;cursor:pointer;user-select:none;
  border-bottom:2px solid transparent;
  transition:color .15s ease,border-color .15s ease;
}
.navigation--refined .member-nav-trigger::-webkit-details-marker {display:none}
.navigation--refined .member-nav-trigger::marker {content:""}
.navigation--refined .member-nav-trigger:hover,
.navigation--refined .member-nav-trigger.is-section-active,
.navigation--refined .member-nav-dropdown[open]>.member-nav-trigger {
  color:var(--rust-dark);
  border-bottom-color:var(--rust-dark);
}
.navigation--refined .nav-svg {display:block;flex:none}
.navigation--refined .nav-svg--chevron {width:14px;height:14px;transition:transform .18s ease}
.navigation--refined .member-nav-dropdown[open] .nav-svg--chevron {transform:rotate(180deg)}
.navigation--refined .member-nav-popup {
  position:absolute;top:calc(100% + 10px);left:-20px;z-index:85;
  min-width:230px;padding:10px;
  background:var(--paper,#fffaf3);border:1px solid rgba(27,52,46,.18);
  box-shadow:0 14px 36px rgba(21,47,40,.12);
  border-radius:4px;
}
.navigation--refined .member-nav-popup::before {
  content:"";position:absolute;top:-11px;left:0;right:0;height:11px;
}
.navigation--refined .member-nav-popup .member-nav-link {
  display:block;padding:12px 13px;min-height:44px;
  border-radius:2px;line-height:1.35;
}
.navigation--refined .member-nav-popup .member-nav-link:hover,
.navigation--refined .member-nav-popup .member-nav-link[aria-current="page"] {
  color:var(--rust-dark);background:rgba(184,91,57,.07);
}
/* Nachrichten und Kontoaktionen auf dem Desktop: nur Icons, ohne drittes Dropdown.
   Jedes Icon hat ein aria-label und einen nativen Tooltip. */
.navigation--refined .member-nav-actions .member-nav-icon,
.navigation--refined .member-nav-bell {
  display:inline-flex;align-items:center;justify-content:center;
  flex:none;width:45px;height:45px;padding:0;
  color:var(--identity-dark,var(--ink));
  background:transparent;border:1px solid transparent;border-radius:50%;
  text-decoration:none;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.navigation--refined .member-nav-actions .member-nav-icon:hover,
.navigation--refined .member-nav-actions .member-nav-icon.is-section-active,
.navigation--refined .member-nav-bell:hover,
.navigation--refined .member-nav-bell.is-section-active {
  color:var(--rust-dark);background:#eae5dc;
  border-color:rgba(27,52,46,.13);
}
.navigation--refined .member-nav-actions .member-nav-icon .nav-svg {
  width:21px;height:21px;
}
/* Die Abmeldung ist optisch getrennt, bleibt ein CSRF-geschütztes POST. */
.navigation--refined .member-nav-icon-logout {
  display:flex;align-items:center;position:relative;
  margin:0 0 0 13px;padding:0 0 0 14px;
}
.navigation--refined .member-nav-icon-logout::before {
  content:"";position:absolute;left:0;top:10px;bottom:10px;
  width:1px;background:rgba(27,52,46,.22);
}
.navigation--refined .member-nav-actions .member-nav-icon--logout {color:var(--rust-dark)}
.navigation--refined .member-nav-icon--logout:hover {background:rgba(184,91,57,.08)}
.navigation--refined .member-nav-mobile .member-nav-account-item {
  display:flex;align-items:center;gap:12px;
}
.navigation--refined .member-nav-mobile .member-nav-account-item .nav-svg,
.navigation--refined .member-nav-mobile .member-nav-logout .nav-svg {
  width:19px;height:19px;flex:none;
}
.navigation--refined .member-nav-mobile .member-nav-logout {
  margin:9px 0 0;padding:8px 0 0;border-top:1px solid rgba(27,52,46,.16);
}
.navigation--refined .member-nav-mobile .member-nav-logout button {
  display:flex;align-items:center;gap:12px;text-align:left;
  width:100%;min-height:44px;padding:10px 13px;
  color:var(--rust-dark);font:inherit;border-radius:2px;
}
.navigation--refined .member-nav-mobile .member-nav-logout button:hover {
  background:rgba(184,91,57,.07);
}
.navigation--refined .member-nav-mobile {display:none}
.navigation--refined :is(a,summary,button):focus-visible {outline:2px solid var(--rust-dark);outline-offset:3px}

@media (max-width:1180px) {
  .navigation.navigation--refined {display:none}
  .navigation.navigation--refined.mobile-open {
    display:block;position:absolute;top:calc(100% - 1px);left:24px;right:24px;
    background:var(--paper,#fffaf3);border:1px solid rgba(27,52,46,.18);
    border-radius:3px;box-shadow:0 20px 50px rgba(21,47,40,.18);
    padding:12px 22px 20px;max-height:calc(100dvh - 110px);overflow-y:auto;
  }
  .navigation--refined .member-nav-primary,
  .navigation--refined .member-nav-actions {display:none}
  .navigation--refined .member-nav-mobile {display:grid;gap:0}
  .navigation--refined .member-nav-mobile .member-nav-link {
    display:block;font-size:15px;font-weight:600;white-space:normal;
    padding:12px 11px;min-height:47px;border-radius:2px;
  }
  .navigation--refined .member-nav-mobile .member-nav-link:hover,
  .navigation--refined .member-nav-mobile .member-nav-link[aria-current="page"] {
    color:var(--rust-dark);background:rgba(184,91,57,.07);
  }
  .navigation--refined .member-nav-mobile__label {
    display:block;padding:15px 11px 5px;border-top:1px solid rgba(27,52,46,.17);
    margin-top:7px;font-size:11px;font-weight:700;color:#65736b;
    letter-spacing:.06em;
  }
  .navigation--refined .member-nav-mobile .member-nav-logout {padding-top:7px}
  .navigation--refined .member-nav-mobile .member-nav-logout button {font-size:15px}
  .mobile-toggle {display:inline-flex;align-items:center;justify-content:center}
}
@media (max-width:620px) {
  .navigation.navigation--refined.mobile-open {
    left:15px;right:15px;padding:11px 13px 15px;
    max-height:calc(100dvh - 91px)
  }
}
@media (prefers-reduced-motion:reduce) {
  .navigation--refined .nav-svg--chevron,
  .navigation--refined .member-nav-trigger,
  .navigation--refined .member-nav-primary__link {transition:none}
}
/* Auch in der einspaltigen Mobilnavigation stehen Konto-Icons neben den Texten. */
@media (max-width:1180px) {
  .navigation--refined .member-nav-mobile .member-nav-link.member-nav-account-item {
    display:flex;align-items:center;gap:12px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .navigation--refined .member-nav-actions .member-nav-icon {transition:none}
}