/* Existing position, typefaces and colours come from main.css. */
.header-langs__wrap { z-index: 20; }
button.header-lang__active { border: 0; border-radius: 0; appearance: none; padding-left: 0; padding-right: 0; }
.header-langs__dropdown { top: 100%; padding-top: 6px; pointer-events: none; transition: opacity .15s ease, visibility .15s ease; }
.header-langs__wrap.is-open .header-langs__dropdown { opacity: 1; visibility: visible; pointer-events: auto; }
a.header-langs__dropdown-item { text-decoration: none; }
a.header-langs__dropdown-item:hover { color: #fff; background: #B83518; }
.header-lang__active:focus-visible, .header-langs__dropdown-item:focus-visible { outline: 2px solid #B83518; outline-offset: 2px; }
.museum-form-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, .55);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.museum-form-overlay.is-visible { opacity: 1; }
.museum-form-overlay[hidden] { display: none !important; }
/* Compact notification; JS moves it to body to avoid clipped/positioned ancestors. */
.museum-form-status {
  box-sizing: border-box;
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(480px, calc(100% - 40px));
  margin: 0;
  padding: 24px 28px;
  background: #B83518;
  color: #fff;
  border-left: 6px solid #000;
  box-shadow: 0 12px 45px rgb(0 0 0 / 25%);
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  overflow-wrap: anywhere;
  pointer-events: none;
}
.museum-form-status--popup {
  opacity: 0;
  transform: translate(-50%, calc(-50% + 8px));
  transition: opacity .2s ease, transform .2s ease;
}
.museum-form-status--popup.is-visible {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.museum-form-status[hidden], .museum-form-messages[hidden] { display: none !important; }
@media (max-width: 800px) {
  .museum-form-status { padding: 22px 20px; font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .header-langs__dropdown, .museum-form-status--popup, .museum-form-overlay { transition: none; }
}