/* ---------- Language toggle color tweaks ---------------------- */
/* Adjust these two lines to match your exact navbar color scheme */
:root {
  --lang-toggle-accent: #215d6e;   /* teal you want for the ACTIVE side */
  --lang-toggle-text:   #ffffff;   /* text color on the active side     */
}

/* All buttons inside the lang-toggle group */
#lang-toggle .btn {
  border-color: #FFFFFF88;
  color: var(--lang-toggle-text);
  background-color: #00000088;      /* INACTIVE side = transparent */
}

/* Active (selected) button */
#lang-toggle .btn.active,
#lang-toggle .btn:active {
  background-color: var(--lang-toggle-accent);
  color: var(--lang-toggle-text);
}

/* Optional: hover focus states for better affordance */
#lang-toggle .btn:hover,
#lang-toggle .btn:focus {
  background-color: rgba(0, 160, 160, 0.15); /* subtle teal tint */
}