/* Footer language selector. The markup is inserted by tools/i18n.js.
   Source: i18n/i18n.css, copied to html/assets/i18n.css on every build
   (edit the source, not the copy). Linked before a11y.css, so the focus ring
   and link rules there still apply. */

.rf-lang-switcher {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3em;
}

/* Beats Divi's `.et-l--footer ul` (disc bullets, 23px bottom padding). */
.et-l--footer .rf-lang-switcher ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}

.rf-lang-switcher li + li::before {
  content: "|";
  margin: 0 10px;
  color: rgba(255, 255, 255, 0.45);
}

/* White like the other footer links; padding gives a 24px+ pointer target. */
.et-l--footer .rf-lang-switcher a {
  display: inline-block;
  padding: 4px 0;
  color: #fff;
  text-decoration: none;
}
.et-l--footer .rf-lang-switcher a:hover { text-decoration: underline; }

/* Current language: marked by weight and underline, not by colour alone. */
.et-l--footer .rf-lang-switcher a[aria-current] {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}