/* Site-level additions on top of the Webflow export. */

.svg-icon-wrapper {
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Error pages carry the site header and footer, which the Webflow utility page did not.
   Its 100vh block would push the footer past the fold. */
.utility-page-wrap {
  height: auto;
  min-height: 60vh;
  padding: 6rem 0;
}

/* Language switcher flags, 16px wide: the toggle (.image-17) and each list row
   (.image-21). Flags with a white field bleed into the white menu, so every flag
   carries a hairline edge and a shadow to sit on. */
.image-17,
.image-21 {
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(16, 24, 40, 0.14), 0 1px 2px rgba(16, 24, 40, 0.16);
}

/* .locale's base background is gold, and the export cancels it per language
   (:lang(en) white, :lang(zh-cn)/:lang(zh-tw)/:lang(vi-vn) transparent). Two
   locales fall through: the Vietnamese selector says vi-vn but pages serve
   lang="vi", and Japanese has no :lang rule at all. Both show every switcher
   row yellow. Hover-yellow stays: it comes from .link_lang:hover on the
   anchor. */
.locale:lang(ja),
.locale:lang(vi) {
  background-color: var(--_typography---transparent--100);
}

/* Hero and footer-CTA headings are line-height 80%, tuned for Latin. CJK glyphs
   fill the em box, so a wrapped Chinese heading overlaps its own second line;
   Vietnamese stacks diacritics past the box in both directions. The export
   fixes this per class at 100% (same value as .is-jp) but misses h1-black for
   zh-TW and h1-footer above 479px for both Chinese locales, and its
   :lang(vi-vn) rules never match because pages serve lang="vi". :lang(zh)
   prefix-matches zh-CN and zh-TW. EN and JA stay untouched: 80% is the live
   design there. */
.rl-heading-style-h1-black:lang(zh),
.rl-heading-style-h1-black:lang(vi),
.rl-heading-style-h1-footer:lang(zh),
.rl-heading-style-h1-footer:lang(vi) {
  line-height: 100%;
}