/* Shared identity and language control for the public product pages. */
.home-header .wordmark,
.site-header .wordmark,
.pricing-header .wordmark,
.site-header .brand {
  flex-shrink: 0;
  color: #f8f6f1;
  font-family: Anton, Impact, sans-serif;
  font-size: 1.55rem;
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.home-header .wordmark span,
.site-header .wordmark span,
.pricing-header .wordmark span,
.site-header .brand b { color: #ec7655; font-weight: 400; }

.site-header .wordmark { margin-right: .35rem; }

.site-language-select {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}

.site-language-select::after {
  content: "⌄";
  position: absolute;
  right: .65rem;
  color: #dce7f4;
  pointer-events: none;
}

.site-language-select select,
.language-select select,
.maker-language-select select {
  min-height: 40px;
  max-width: 118px;
  padding: .5rem 1.65rem .5rem .7rem;
  border: 1px solid rgba(220, 232, 242, .32);
  border-radius: 999px;
  color: #f8f6f1;
  background: #0b1422;
  font-family: Nunito, system-ui, sans-serif;
  font-size: .75rem;
  font-weight: 750;
  appearance: none;
  cursor: pointer;
}
.site-language-select select:focus-visible,
.language-select select:focus-visible,
.maker-language-select select:focus-visible {
  outline: 3px solid #9ec5ff;
  outline-offset: 3px;
}

@media (max-width: 620px) {
  .home-header .wordmark,
  .site-header .wordmark,
  .pricing-header .wordmark,
  .site-header .brand { font-size: 1.3rem; }
  .site-language-select select,
  .language-select select,
  .maker-language-select select { max-width: 100px; font-size: .72rem; }
}

@media (max-width: 380px) {
  .site-header .wordmark { font-size: 1.15rem; }
}