/* Local preview only — edition switcher. Not part of any Webflow paste. */

.bd-editions {
  position: relative;
  z-index: 2;
  display: flex;
  align-self: stretch;
  flex: 0 0 auto;
  align-items: center;
  font-family: var(--bd-font, InterVariable, sans-serif);
  font-size: var(--bd-text-base, 16px);
  font-weight: 400;
  font-optical-sizing: auto;
  line-height: 1.4;
}

.bd-nav button.bd-editions__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: var(--bd-field-h, 36px);
  padding: 8px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  font-optical-sizing: auto;
  color: #f79009;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity var(--bd-dur, 0.3s) var(--bd-ease, ease);
}

.bd-nav button.bd-editions__btn:hover {
  opacity: 0.6;
}

.bd-editions__caret {
  width: 8px;
  height: 8px;
  fill: currentColor;
  transition: transform var(--bd-dur, 0.3s) var(--bd-ease, ease);
}

.bd-editions.is-open .bd-editions__caret {
  transform: rotate(180deg);
}

.bd-editions__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 2;
  display: none;
  min-width: 220px;
  max-width: 280px;
  max-height: calc(100dvh - 72px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 4px;
  background: var(--bd-surface, #fff);
  border: 1px solid var(--bd-rule, #d5d7da);
  border-radius: var(--bd-radius, 8px);
  box-shadow: var(--bd-shadow-panel,
    0px 2px 4px -1px rgba(0, 0, 0, 0.08),
    0px 4px 12px -2px rgba(0, 0, 0, 0.10));
}

.bd-editions.is-open .bd-editions__menu {
  display: block;
}

.bd-editions a.bd-editions__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding: 6px 10px;
  border-radius: var(--bd-radius-sm, 8px);
  font-size: var(--bd-text-base, 16px);
  font-weight: 400;
  color: var(--bd-text, #000);
  text-decoration: none;
  transition: background var(--bd-dur, 0.3s) var(--bd-ease, ease);
}

.bd-editions a.bd-editions__item .bd-editions__name {
  white-space: nowrap;
  line-height: 1.4;
}

.bd-editions a.bd-editions__item .bd-editions__note {
  font-size: var(--bd-text-sm, 14px);
  line-height: 1.35;
  color: var(--bd-text-2, #252B37);
}

.bd-editions a.bd-editions__item:hover {
  background: var(--bd-bar-bg, #ededed);
}

.bd-editions a.bd-editions__item[aria-current="page"] {
  color: #f79009;
}
