/* Route-only additions. The shared DC4 presentation and store badges stay in styles.css. */
.locale-control {
  display: inline-flex;
  align-items: center;
  position: relative;
}

.locale-select {
  appearance: none;
  -webkit-appearance: none;
  min-width: 9.4rem;
  max-width: 12rem;
  min-height: 44px;
  padding: 10px 36px 10px 15px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background-color: rgba(5, 6, 13, .78);
  background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  color: var(--ink-soft);
  font: 600 .72rem/1.2 var(--sans);
  letter-spacing: .04em;
  cursor: pointer;
}

/* Intrinsic SEO dimensions prevent layout shift; shared width still controls the frame. */
.device img { height: auto; }

.locale-select:focus-visible {
  outline: 2px solid var(--gold-1);
  outline-offset: 3px;
}

.locale-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  width: 100%;
  padding-top: 4px;
}

.footer-links .locale-links a {
  color: var(--ink-mute);
  font-size: .75rem;
}

.footer-links .locale-links a[aria-current="page"] {
  color: var(--gold-1);
}

html[lang="ja"] {
  --serif: "Noto Sans JP", "Hanken Grotesk", system-ui, sans-serif;
  --sans: "Noto Sans JP", "Hanken Grotesk", system-ui, sans-serif;
}

html[lang="ko"] {
  --serif: "Noto Sans KR", "Hanken Grotesk", system-ui, sans-serif;
  --sans: "Noto Sans KR", "Hanken Grotesk", system-ui, sans-serif;
}

html[lang="ja"] .brand,
html[lang="ko"] .brand {
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ko"] h1,
html[lang="ko"] h2,
html[lang="ko"] h3 {
  line-height: 1.22;
  letter-spacing: 0;
}

@media (max-width: 560px) {
  .locale-select { min-width: 7.8rem; max-width: 9.5rem; }
  .footer-links { gap: 18px; }
}