/* Public-only additive control. Preserve the existing TBH cream/gold/green identity. */
html[data-tbh-language] .site-header{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}
/* Editable copy stays plain text, including deliberate paragraph/line breaks. */
[data-tbh-copy]:not(img):not(meta):not(title){white-space:pre-line}
.tbh-language-menu{position:relative;align-self:center;font-family:"Century Gothic","Avenir Next","Segoe UI","Microsoft YaHei",sans-serif;color:#173f35}
.tbh-language-menu summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:38px;min-width:66px;padding:7px 11px;border:1px solid #b29558;border-radius:999px;background:#faf8ef;cursor:pointer;list-style:none;font-size:13px;font-weight:700;line-height:1.3}
.tbh-language-menu summary::-webkit-details-marker{display:none}
.tbh-language-menu summary::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.tbh-language-menu[open] summary::after{transform:translateY(2px) rotate(225deg)}
.tbh-language-menu summary:hover,.tbh-language-menu[open] summary{background:#f0e8d7}
.tbh-language-menu summary:focus-visible,.tbh-language-options button:focus-visible{outline:2px solid #173f35;outline-offset:3px}
.tbh-language-options{position:absolute;top:calc(100% + 16px);right:0;width:204px;padding:6px;background:#faf8ef;border:1px solid #b29558;border-radius:14px;z-index:2}
.tbh-language-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#173f35;text-align:left;font:500 14px/1.35 "Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer}
.tbh-language-code{min-width:26px;font-size:11px;font-weight:700;letter-spacing:.02em}
.tbh-language-options button[aria-pressed="true"]{background:#173f35;color:#fffdf6}
.tbh-language-options button:hover:not([aria-pressed="true"]){background:#eee5d2}
html[data-ui-language="zh"] :is(.hero-copy h1,.intro h1,.section-title,.care-information h3,.product-information h2,.feature h2){font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;letter-spacing:.015em;line-height:1.4}
html[data-ui-language="zh"] :is(.hero-copy p,.theme-content,.site-header nav){font-family:"Segoe UI","Microsoft YaHei",sans-serif}
html[data-ui-language="bm"] .hero-copy h1{font-size:clamp(34px,4.3vw,64px);max-width:9ch;line-height:1.08}
html[data-ui-language="zh"] .hero-copy h1{max-width:7em;font-size:clamp(36px,4.4vw,64px)}
html[data-ui-language]:not([data-ui-language="en"]) :is(.care-information h3,.product-information h2,.feature h2,.intro h1){overflow-wrap:anywhere}
html[data-ui-language]:not([data-ui-language="en"]) .footer-top-label{white-space:nowrap}
@media(max-width:560px){
  html[data-tbh-language] .site-header{gap:6px;padding-inline:12px 8px}
  html[data-tbh-language] .site-header .brand{min-width:0}
  html[data-tbh-language] .site-header .brand img{max-width:100%}
  .tbh-language-menu summary{min-width:54px;min-height:36px;padding:7px 8px;font-size:12px;gap:7px}
  .tbh-language-options{right:-46px}
  html[data-ui-language="bm"] .hero-copy h1{max-width:10ch;font-size:clamp(36px,10vw,44px)}
  html[data-ui-language="zh"] .hero-copy h1{font-size:clamp(34px,9vw,42px)}
}

/* Local preview: refine only the public closed language capsule.
   Keep the existing menu, language runtime, routes and CMS untouched. */
.tbh-language-menu summary {
  position: relative;
  isolation: isolate;
  width: 50px;
  min-width: 50px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  gap: 5px;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}
/* 24px visible height; retain the larger 44px pointer/touch target. */
.tbh-language-menu summary::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 10px 0;
  z-index: -1;
  pointer-events: none;
  border: 1px solid #b29558;
  border-radius: inherit;
  background: #faf8ef;
}
.tbh-language-menu summary:hover,
.tbh-language-menu[open] summary { background: transparent; }
.tbh-language-menu summary:hover::before,
.tbh-language-menu[open] summary::before { background: #f0e8d7; }
.tbh-language-menu summary::after {
  width: 4px;
  height: 4px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
@media (forced-colors: active) {
  .tbh-language-menu summary::before { border-color: ButtonText; }
}

/* Match the incumbent inner-page copyright font, including on Home. */
@font-face {
  font-family: Lato;
  src: url('assets/fonts/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
.theme-footer > p.tbh-footer-copyright,
.home-social-footer[data-option="b"] .footer-bottom > p.tbh-footer-copyright {
  min-width: 0;
  font: 400 .75rem/1.5 Lato, Arial, sans-serif;
  color: #686552;
  white-space: normal;
}
.home-social-footer[data-option="b"] .footer-bottom > p.tbh-footer-copyright {
  /* User-requested compact legal copy; the explicit <br> keeps rights below. */
  font-size: .5625rem;
  white-space: nowrap;
}
@media (max-width: 760px) {
  /* Keep copyright left of Back to top within the existing compact row. */
  .home-social-footer[data-option="b"] .footer-bottom > p.tbh-footer-copyright {
    flex: 1;
    max-width: none;
    text-align: left;
    font-size: clamp(.40625rem, calc(4.45vw - 7.75px), .5625rem);
  }
}
