:root {
  --media-hub-ink: #0d1c2b;
  --media-hub-gold: #c9a646;
}

.hero-background {
  background-image: url("/images/generic/property-exterior.jpg") !important;
}

.site-language-switcher {
  position: fixed;
  top: auto;
  bottom: 22px;
  right: 22px;
  z-index: 1000;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  background: rgba(13, 28, 43, .84);
  box-shadow: 0 10px 26px rgba(3, 27, 49, .2);
  backdrop-filter: blur(12px);
}

.site-language-switcher button {
  min-width: 42px;
  padding: 7px 8px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: transparent;
  cursor: pointer;
  font: 700 11px/1 Inter, Segoe UI, sans-serif;
  letter-spacing: .04em;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.site-language-switcher button:hover,
.site-language-switcher button:focus-visible {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, .14);
  outline: none;
}

.site-language-switcher button[aria-pressed="true"] {
  color: var(--media-hub-ink);
  background: var(--media-hub-gold);
}

.site-language-switcher .flag {
  margin-right: 3px;
  font-size: 14px;
}

@media (max-width: 620px) {
  .site-language-switcher {
    bottom: 12px;
    right: 12px;
  }
}