/* Language stays at the top right; symmetric space keeps the title centered. */
.app-header { position: relative; padding-inline: 290px; }
.customer-record .record-header { position: relative; padding-inline: 260px; }
.app-header .language-control { right: 30px; }
.customer-record .record-header .language-control { right: 0; }
.language-control,
.customer-record .language-control {
  position: absolute;
  top: 46px;
  max-width: min(280px, calc(100% - 28px));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  color: #777;
  font: normal 13px/1.5 Arial, Helvetica, sans-serif;
}
.language-control select,
.customer-record .language-control select {
  display: inline-block;
  width: auto;
  max-width: 210px;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 8px 30px 8px 12px;
  border: 1px solid #e1e1e1;
  border-radius: 0;
  background-color: #fff;
  color: #282828;
  font: inherit;
  cursor: pointer;
}
.language-control select:focus-visible { outline: 2px solid #dc9814; outline-offset: 3px; }
html:not([lang="en"]) .section-title h2,
html:not([lang="en"]) .record-header h1 { overflow-wrap: anywhere; }
html:not([lang="en"]) .submit-actions { flex-wrap: wrap; }
html:not([lang="en"]) .submit-actions button { white-space: normal; }
html:not([lang="en"]) .submission-record-actions a,
html:not([lang="en"]) .record-actions > * { overflow-wrap: anywhere; text-align: center; }
@media(max-width:600px) {
  .language-control, .customer-record .language-control { flex-wrap: nowrap; gap: 10px; }
  html:not([lang="en"]) .record-actions > * { min-width: 0; }
}

@media(max-width:1100px) {
  .app-header { padding: 86px 18px 24px; }
  .customer-record .record-header { padding: 86px 0 24px; }
  .app-header .language-control { top: 18px; right: 18px; }
  .customer-record .record-header .language-control { top: 18px; right: 0; }
}
body.preview-mobile .app-header { padding: 86px 14px 18px; }
body.preview-mobile .app-header .language-control { top: 18px; right: 14px; }

/* Same CSS chevron as the product select; no external image required. */
.language-control select,
.customer-record .language-control select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 38px;
  background-image: none;
}
.language-control::after {
  content: "";
  position: absolute;
  right: 17px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #777;
  border-bottom: 1.5px solid #777;
  transform: translateY(-62%) rotate(45deg);
  pointer-events: none;
}
.language-control:focus-within::after { border-color: #282828; }

/* Mobile page headings align with the form content. */
@media(max-width:767px) {
  .app-header,
  .customer-record .record-header { text-align: left; }
  .app-header .header-note,
  .customer-record .record-header-note { margin-left: 0; margin-right: 0; }
}
body.preview-mobile .app-header { text-align: left; }
body.preview-mobile .header-note { margin-left: 0; margin-right: 0; }