/* Custom compact language picker, shared by the landing and thank-you page. */
.language-selector { position: relative; flex-shrink: 0; z-index: 5; }
.language-selector button {
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid #315644;
  border-radius: 6px;
  padding: 8px 12px;
  background: #0c1816;
  color: #bdd1c5;
  font: 700 12px/1.4 DM, Arial, sans-serif;
  cursor: pointer;
}
.language-selector button:hover { border-color: #48d987; color: #f6fff9; }
.language-selector button:focus-visible { outline: 3px solid #b0f6c8; outline-offset: 3px; }
.language-selector [data-language-options] {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  display: flex;
  gap: 6px;
  padding: 6px;
  border: 1px solid #315644;
  border-radius: 8px;
  background: #0c1816;
  box-shadow: 0 8px 24px #0005;
}
.language-selector [data-language-options][hidden] { display: none; }
.language-selector [aria-pressed="true"] { background: #48d987; color: #0c1816; border-color: #48d987; }
.thanks-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
@media (max-width: 760px) {
  .navigation .brand { order: 0; }
  .navigation .language-selector { order: 1; margin-left: auto; margin-right: 10px; }
  .navigation #menu-toggle { order: 2; margin-left: 0; }
  .navigation nav { order: 3; }
  .thanks-heading { gap: 16px; }
  .thanks-heading img { max-width: calc(100% - 60px); }
}
@media (max-width: 360px) {
  .navigation .brand img { width: 112px; }
  .navigation .language-selector { margin-right: 8px; }
}