/* Language switcher in the RTD theme sidebar, styled to match the surrounding
   sidebar chrome. */

.language-switcher {
  padding: 0.5em 1.618em 0.809em;
  font-size: 90%;
  text-align: center;
}

.language-switcher-label {
  display: block;
  margin-bottom: 0.4em;
  color: #55a5d9;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 85%;
}

.language-switcher-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* Baseline alignment keeps the Latin and CJK labels sitting on a shared
     text baseline despite their differing font metrics. */
  align-items: baseline;
  gap: 0.5em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.language-switcher-options li {
  margin: 0;
}

.language-switcher-options a,
.language-switcher-current {
  display: inline-block;
  padding: 0.15em 0.6em;
  border: 1px solid #4e4a4a;
  border-radius: 3px;
  text-decoration: none;
  /* Fixed line-height so CJK and Latin labels yield equal-height pills. */
  line-height: 1.5;
}

.language-switcher-options a {
  color: #d9d9d9;
}

.language-switcher-options a:hover,
.language-switcher-options a:focus {
  background-color: #4e4a4a;
  color: #ffffff;
}

.language-switcher-current {
  background-color: #2980b9;
  border-color: #2980b9;
  color: #ffffff;
  font-weight: bold;
}

/* Target language exists but this page has no counterpart yet. */
.language-switcher-options a.language-switcher-untranslated {
  border-style: dashed;
  opacity: 0.75;
}