/* Language picker styling extracted from inline styles */

/* Base links */
.lang-link {
  color: #ffa500;
  text-decoration: none;
}
.lang-link.active {
  font-weight: 700;
}

/* Footer is always dark */
.footer-style-2 .lang-link { color: #ffa500; }
.footer-style-2 .lang-link.active { color: #ffffff; }

/* Desktop header language bar */
.nav-lang-switch {
  font-size: 90%;
  padding: 4px 8px;
  border-radius: 12px;
  float: right;
  margin-left: 16px; /* space from the last nav link */
}
/* In header bar: default inactive orange, preserve on hover */
.nav-lang-switch .lang-link:not(.active) { color: #ffa500 !important; }
.nav-lang-switch .lang-link:not(.active):hover { color: #ffa500 !important; text-decoration: underline; }
/* On wide screens make active always white in header bar (requested); keep hover white */
@media (min-width: 1330px) {
  .nav-lang-switch .lang-link.active,
  .nav-lang-switch .lang-link.active:hover { color: #ffffff !important; }
}
/* Dark header pages */
body.active-dark .nav-lang-switch .lang-link.active { color: #ffffff; }
/* Light pages: active can be black unless overridden by the wide-screen rule above */
body:not(.active-dark) .nav-lang-switch .lang-link.active { color: #000000; }

/* Mobile/within menu language switch */
.menu-lang-switch {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 85%;
  margin-top: 10px; /* space from last menu item in collapsed menu */
}
/* In menu make active black except on dark home page where it stays white */
.menu-lang-switch .lang-link.active { color: #000000; }
body.active-dark .menu-lang-switch .lang-link.active { color: #ffffff; }

/* 404 page styling */
body.page-404 .rn-page-title-area { background: #f7f7fa; }
body.page-404 .rn-page-title .title,
body.page-404 .rn-page-title p { color: #111; }