/* Language switcher (ET / EN) */
.chiromed-lang {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  /* Inherit the navbar's own text colour: Hestia styles menu links with
     `color: inherit`, so the switch follows the navbar through its transparent
     (white text over the hero) and solid (dark text) states, including the
     mobile menu. */
  color: inherit;
}
.chiromed-lang a {
  padding: 4px 6px;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
  font: inherit;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
}
/* ET and EN sit two pixels apart and were 29x22 each — small enough that a
   thumb aiming for one lands on the other. Widened for touch only, so the
   navbar keeps its proportions on a desktop. */
@media (pointer: coarse), (max-width: 640px) {
  .chiromed-lang a {
    min-width: 44px;
    min-height: 44px;
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

.chiromed-lang a:hover,
.chiromed-lang a:focus {
  opacity: 1;
  color: inherit;
  text-decoration: none;
}
.chiromed-lang a.is-active {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.chiromed-lang span {
  opacity: 0.4;
}
/* When placed in the Hestia navbar menu */
.chiromed-lang-item {
  display: flex;
  align-items: center;
  padding: 0 10px;
  list-style: none;
}
/* The copy beside the logo, for when the menu is collapsed behind the hamburger.
   Hestia switches to the mobile navbar below 768px, so exactly one of the two
   copies is visible at any width. */
.chiromed-lang--mobile {
  display: none;
}
@media (max-width: 767px) {
  .chiromed-lang--mobile {
    display: inline-flex;
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  .chiromed-lang-item {
    display: none;
  }
}

/* Fallback fixed position if no navbar menu was found */
.chiromed-lang--fixed {
  position: fixed;
  top: 14px;
  right: 16px;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.95);
  color: #2d3e50;
  padding: 6px 10px;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}