/* Metsavendluse VR Muuseum — production static build
   Self-hosted, zero external dependencies.
   Newsreader/Archivo are removed as web fonts; the stacks below fall back to
   Georgia (serif display) and Helvetica/Arial (sans). Drop woff2 files into
   ./fonts/ and add @font-face rules here to enable the exact typefaces. */

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: #0B100C;
  color: #EAE6DA;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: #EAE6DA; text-decoration: none; transition: color .2s ease; }
a:hover { color: #D9A15B; }

::selection { background: #D9A15B; color: #14100A; }

input::placeholder, textarea::placeholder { color: #6E7A6E; }

@keyframes mvDrift {
  0%   { transform: translate3d(-3%, 0, 0); }
  50%  { transform: translate3d(3%, 2%, 0); }
  100% { transform: translate3d(-3%, 0, 0); }
}

@keyframes mvPulse {
  0%, 100% { opacity: .35; }
  50%      { opacity: 1; }
}

/* -------------------------------------------------------- NAV / MOBILE MENU */
.mv-burger { display: none; }

@media (max-width: 1024px) {
  .mv-navbar { gap: 16px !important; padding: 14px 0 !important; }

  .mv-burger {
    display: inline-flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(234, 230, 218, 0.2);
    border-radius: 2px;
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .mv-burger span {
    display: block;
    width: 20px;
    height: 1.5px;
    background: #EAE6DA;
    transition: transform .25s ease, opacity .2s ease;
  }
  .mv-navbar.is-open .mv-burger span:nth-child(1) { transform: translateY(3.25px) rotate(45deg); }
  .mv-navbar.is-open .mv-burger span:nth-child(2) { transform: translateY(-3.25px) rotate(-45deg); }

  .mv-navlinks {
    position: fixed !important;
    top: 66px;
    left: 0;
    right: 0;
    flex-direction: column !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 10px 24px 26px !important;
    background: rgba(9, 13, 10, 0.97);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(234, 230, 218, 0.1);
    box-shadow: 0 24px 44px -26px rgba(0, 0, 0, 0.75);
    max-height: calc(100vh - 66px);
    overflow-y: auto;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .26s ease, transform .26s ease, visibility .26s;
  }
  .mv-navbar.is-open .mv-navlinks {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .mv-navlinks a[data-nav] {
    font-size: 17px !important;
    letter-spacing: .01em !important;
    padding: 15px 2px !important;
    border-bottom: 1px solid rgba(234, 230, 218, 0.08) !important;
  }
  .mv-navlinks > span {          /* ET / EN language toggle */
    align-self: flex-start;
    margin-top: 20px;
  }
  .mv-navlinks a[data-nav2] {    /* TOETA MEID CTA */
    margin-top: 16px;
    text-align: center;
    padding: 16px 20px !important;
    font-size: 14px !important;
  }
}