/* Language switch in the header (English / Russian / Ukrainian), the current page marked. Added 2026-10-16, new file name per change.
   Narrow screens: it sits at the end of the opened menu. Desktop: a slim strip above the header row, right aligned with the page column,
   because the row itself (logo, five links, the booking button) has no room for three more links in Russian and Ukrainian. */
.main-nav .lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
  flex: none;
  white-space: nowrap;
}
.main-nav .lang-switch a {
  padding: 4px 6px;
  border-bottom: 2px solid transparent;
  color: var(--ink);
  opacity: .68;
}
.main-nav .lang-switch a.is-current {
  opacity: 1;
  border-bottom-color: var(--ink);
}
.main-nav .lang-switch a:hover {
  opacity: 1;
  color: var(--red);
  border-bottom-color: var(--red);
}

@media (max-width: 899px) {
  .main-nav .lang-switch {
    margin: 8px 0 0;
    gap: 18px;
  }
  .main-nav .lang-switch a {
    padding: 10px 0;
    border-bottom: 2px solid transparent;
  }
  .main-nav .lang-switch a.is-current {
    border-bottom-color: var(--ink);
  }
}

@media (min-width: 900px) {
  .site-header { padding-top: 26px; }
  .main-nav .lang-switch {
    position: absolute;
    top: 3px;
    right: max(20px, calc((100% - 1160px) / 2));
    margin: 0;
    gap: 6px;
  }
  .main-nav .lang-switch a {
    padding: 2px 8px;
    font-size: 0.7rem;
  }
  /* the header is 26px taller: scroll targets that were set against 68px move down by the same amount */
  #testimonials .section-head { scroll-margin-top: 102px; }
  .review-form-wrap { scroll-margin-top: 116px; }
}

/* a little tighter between 900 and 1239 px so the five links keep their room next to the booking button */
@media (min-width: 900px) and (max-width: 1239px) {
  .header-inner { gap: 14px; }
  .main-nav { gap: 11px; }
  .main-nav > a { font-size: 0.72rem; letter-spacing: 0.02em; }
  .header-cta { padding: 11px 18px; font-size: 0.86rem; }
  .brand-motto { letter-spacing: 0.1em; }
}