/* Shared, compact language controls; preserve the original navigation layout. */
.esp-keep-together { white-space: nowrap; }
.header.home-page-five.esp-header .container ul.navigation-box > li.esp-language-switch {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: max-content;
  max-width: 100%;
  flex: 0 0 auto;
  gap: 8px;
  margin-left: 16px;
  padding: 2px 7px;
  border: 1px solid rgba(212, 186, 128, .45);
  border-radius: 3px;
  vertical-align: middle;
}
.header.home-page-five.esp-header .container ul.navigation-box > li.esp-language-switch > a {
  padding: 2px 0;
  flex: 0 0 auto;
  width: auto;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .02em;
  text-transform: none;
  border-radius: 3px;
  color: var(--esp-cream, #F4EFE4);
  transition: background-color .2s, color .2s;
}
.header.home-page-five.esp-header .container ul.navigation-box > li.esp-language-switch > a[aria-current="page"] {
  background: transparent;
  color: #d4ba80;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.header.home-page-five.esp-header .container ul.navigation-box > li.esp-language-switch > a:not([aria-current="page"]):hover {
  background: transparent;
  color: #d4ba80;
}
.esp-language-switch a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.esp-language-switch > a + a::before {
  content: "/";
  position: absolute;
  left: -6px;
  color: rgba(244, 239, 228, .4);
  font-weight: 400;
}
@media (max-width: 1199px) {
  .header-navigation ul.navigation-box > li.esp-language-switch { margin-left: 0; }
}