/* Kimanh Flowers: the Chinese pages (/zh/), theme 0.10.0. Loaded only there, after every other file.

   The theme's own fonts (Be Vietnam Pro, Big Shoulders Display) have no Chinese characters, and no Chinese
   web font is downloaded. Chinese characters use the reader's own system font: PingFang (Apple), Noto Sans
   CJK (Android, Linux), Microsoft JhengHei / YaHei (Windows). Latin letters and numbers keep the theme's
   fonts, so design numbers and prices still look like the rest of the site. The Simplified list is used
   when zh-hans.js has switched the page to 简 (html lang="zh-Hans"). */
html[lang^="zh"]{
  --cjk:"PingFang TC","Noto Sans TC","Noto Sans CJK TC","Microsoft JhengHei","Heiti TC",sans-serif;
  --disp:'Big Shoulders Display',Impact,var(--cjk);
}
html[lang="zh-Hans"]{--cjk:"PingFang SC","Noto Sans SC","Noto Sans CJK SC","Microsoft YaHei","Heiti SC",sans-serif}
html[lang^="zh"] body{font-family:'Be Vietnam Pro',var(--cjk);line-height:1.75}
html[lang^="zh"] :is(.btn,.iconbtn,.tp-opt,.lm-btn,.peek-btn,.notice,.lb-prev,.lb-next,.search input,.form input,.form textarea,.findrow input,.pr-row .amt small,.menupanel .menu-sub a,.menupanel .menu-acts a){font-family:'Be Vietnam Pro',var(--cjk)}

/* Chinese characters are about twice as wide as the condensed display letters, so the big headings are
   smaller here, with more room between lines (the Latin headings' .86 to .95 would make lines touch). */
html[lang^="zh"] :is(h1,h2,h3){line-height:1.18;letter-spacing:.03em}
/* the home page's name is in Latin letters ("Kimanh Flowers"): it keeps the Latin headings' tight lines */
html[lang^="zh"] .hero h1{line-height:.86;letter-spacing:.005em}
html[lang^="zh"] body:not(.km-page-item) .pagehero h1,html[lang^="zh"] .pagehero h1.long{font-size:clamp(42px,11vw,92px);line-height:1.12}
html[lang^="zh"] .hero h1 span{letter-spacing:.08em}
html[lang^="zh"] .head h2,html[lang^="zh"] .mc-head h2{font-size:clamp(32px,7.4vw,64px)}
html[lang^="zh"] .grouphead h2,html[lang^="zh"] .day h2{font-size:clamp(28px,6vw,46px)}
html[lang^="zh"] :is(.steps h3,.occ h3){font-size:clamp(22px,4.8vw,30px)}
html[lang^="zh"] :is(.pr-row b,.makes dt,.h3,.info-b h3,.golist b,.r-name b){font-size:clamp(22px,4.8vw,32px);line-height:1.2}
html[lang^="zh"] .dates dd{font-size:clamp(22px,5vw,32px)}
html[lang^="zh"] .menupanel>a{font-size:24px}
html[lang^="zh"] .contact h2{line-height:1.2}
/* uppercase and wide letter-spacing are for Latin; Chinese small labels read better a little tighter */
html[lang^="zh"] :is(.facts,.dates dt,.bubble-l,.hero .place){letter-spacing:.08em}
@media (max-width:899px){
  /* theme 0.14: a little larger, so a Chinese or Korean heading holds the same weight on the page as the
     tall condensed Latin capitals (46px) do on the other pages */
  html[lang^="zh"] .head h2,html[lang^="zh"] .grouphead h2,html[lang^="zh"] .mc-head h2,html[lang^="zh"] .day h2{font-size:34px}
  html[lang^="zh"] body:not(.km-page-item) .pagehero h1,html[lang^="zh"] .pagehero h1.long{font-size:48px}
}

/* The "I speak Vietnamese and English" line (.speak) is in wp.css: Korean and Spanish pages have it too. */

/* ---------- the 繁 / 简 switch beside the language choice ---------- */
.zh-switch{display:inline-flex;flex:none;align-items:stretch;min-height:40px;padding:0;border:1.5px solid var(--gold);border-radius:999px;overflow:hidden;background:transparent;color:var(--gold);font:700 16px/1 'Be Vietnam Pro',var(--cjk);cursor:pointer}
.zh-switch span{display:flex;align-items:center;justify-content:center;min-width:40px;padding:0 9px;border-radius:999px;transition:background .3s,color .3s}
html:not(.km-hans) .zh-switch .zs-t,html.km-hans .zh-switch .zs-s{background:var(--gold);color:var(--deep)}
.zh-switch:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
html:not(.js) .zh-switch{display:none}
/* theme 0.14: in the contact row at the top of every page, phones too (header.css sets its height and
   makes room for it on small phones) */