/* Additions on top of the original compiled stylesheet.
   Kept separate so css/styles.css stays a byte-for-byte copy of the source site. */

/* The Tailwind build of the original page never used display:contents, so the
   utility is absent from styles.css. JS-filled wrappers need it to stay
   transparent to the parent grid. */
.contents {
  display: contents;
}

/* Honeypot: off-screen rather than display:none, since some bots skip hidden
   fields. Real visitors never see it and tabbing skips it. */
.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* ------------------------------------------------------------ RU / UZ switch */
.lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--hero-font-head);
}

.lang-btn {
  padding: 2px 1px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: var(--hero-muted);
  background: none;
  border: 0;
  cursor: pointer;
  transition: color .3s ease, opacity .3s ease;
}

.lang-btn:hover {
  color: var(--hero-text);
}

.lang-btn.is-active {
  color: var(--hero-text);
}

.lang-btn:focus-visible {
  outline: 1px solid var(--hero-accent);
  outline-offset: 3px;
  border-radius: 2px;
}

.lang-sep {
  font-size: 11px;
  color: var(--hero-muted);
  opacity: .5;
}

/* inside the fullscreen mobile menu the switch sits on its own line */
.lang-switch--menu .lang-btn {
  font-size: 16px;
  letter-spacing: 0.12em;
  padding: 4px 6px;
}

.lang-switch--menu .lang-sep {
  font-size: 14px;
}