/* Header language switch ("English | Español"), written by .github/scripts/sync-language-switch.py. */
.fl-lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.fl-lang-switch a {
  display: inline-block;
  padding: 7px 3px 5px;
  color: #ffffff !important;
  text-decoration: none;
  border-bottom: 2px solid transparent;
}
.fl-lang-switch a:hover,
.fl-lang-switch a:focus-visible {
  color: #cecd8a !important;
}
.fl-lang-switch a:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
.fl-lang-switch a[aria-current="true"] {
  color: #cecd8a !important;
  border-bottom-color: #cecd8a;
}
.fl-lang-sep {
  color: #7397d4;
}

/* Desktop: left of the phone number; hidden once the header shrinks on scroll, like the
   "Free Consultations" lines. The phone number's own rules (.et_pb_text_0_tb_header a:
   Cinzel 40px, gold !important) also match these links, so these selectors are longer. */
.et_pb_text_inner .fl-cta-g .fl-lang-switch {
  flex-shrink: 0;
  margin-right: 24px;
  font-size: 13px;
}
.et_pb_text_inner .fl-cta-g .fl-lang-switch a {
  font-family: inherit;
  font-size: 13px;
  color: #ffffff !important;
}
.et_pb_text_inner .fl-cta-g .fl-lang-switch a:hover,
.et_pb_text_inner .fl-cta-g .fl-lang-switch a:focus-visible,
.et_pb_text_inner .fl-cta-g .fl-lang-switch a[aria-current="true"] {
  color: #cecd8a !important;
}
.fl-cta-g .fl-cta-quote {
  flex-shrink: 0;
}
.fl-scroll .fl-cta-g .fl-lang-switch {
  display: none;
}

/* Phones and tablets: a slim row above the logo. */
.fl-lang-switch--mobile {
  justify-content: flex-end;
  padding: 2px 12px 0;
}
@media (min-width: 981px) {
  .fl-lang-switch--mobile {
    display: none;
  }
}

/* Spanish pages: the phone-width bar's MENU word is CSS content, set inline on every page. */
html[lang^="es"] #fl-template .mobile_menu_bar:after {
  content: "MENÚ";
}
html[lang^="es"] #fl-template .mobile_nav.opened .mobile_menu_bar:after {
  content: "Cerrar";
}
