/* ============================================================
   zh.css — Chinese (Traditional) overrides for Xinru Center
   Loaded after main.css on /zh/ only.
   Key changes: Noto Serif TC font, larger body sizes, reduced
   letter-spacing, no text-transform on Chinese UI labels.
   ============================================================ */

/* ── TYPOGRAPHY BASE ── */
body { font-family:'Noto Serif TC','Lato',sans-serif; }
h1, h2, h3 { font-family:'Noto Serif TC',serif; }

/* ── NAV ── */
nav ul li a { text-transform:none; }
.nav-cta {
  font-size:13px; letter-spacing:1px; text-transform:none;
  font-family:'Noto Serif TC',sans-serif;
}
.lang-switcher { font-family:'Lato',sans-serif; }
.mobile-menu a { font-size:14px; letter-spacing:1px; text-transform:none; }
.mobile-menu-contact {
  font-size:13px; letter-spacing:1px; text-transform:none;
  font-family:'Noto Serif TC',sans-serif;
}

/* ── HERO ── */
.hero-content .eyebrow {
  font-size:12px; letter-spacing:2px; text-transform:none;
  font-family:'Lato',sans-serif;
}
.hero-content h1 { font-size:60px; line-height:1.2; }
.hero-name { font-family:'Noto Serif TC',serif; font-style:normal; letter-spacing:4px; }
.hero-content p { font-size:17px; line-height:2; }
.hero-btns .btn-solid { font-size:14px; letter-spacing:1px; text-transform:none; }
.hero-btns .btn-ghost { font-size:14px; letter-spacing:1px; text-transform:none; }

/* ── INFO BAR ── */
.info-item .label { font-size:13px; text-transform:none; letter-spacing:1px; }
.info-item .value { font-family:inherit; }

/* ── ABOUT ── */
.about-text .eyebrow { font-size:11px; letter-spacing:3px; font-family:'Lato',sans-serif; }
.about-text h2 { font-size:40px; line-height:1.2; }
.about-tag { font-size:13px; letter-spacing:1px; text-transform:none; }
.about-text p { line-height:2.2; }
.about-text .quote { font-family:inherit; font-style:normal; font-size:17px; line-height:1.9; }

/* ── PROGRAMS ── */
.sec-eyebrow { font-size:13px; letter-spacing:1px; text-transform:none; }
.sec-title { font-size:40px; }
.prog-card .prog-body .cn-char { font-family:inherit; }
.prog-card .prog-body h3 { font-size:20px; }

/* ── EVENTS ── */
.event-card .date { font-size:13px; text-transform:none; letter-spacing:0.5px; }
.event-card h3 { font-size:18px; }
.event-card p { font-size:14px; line-height:2; }
.read-more-btn { font-family:'Noto Serif TC',sans-serif; }
.btn-register { font-size:13px; letter-spacing:0.5px; text-transform:none; text-align:left; }
.btn-load-more {
  font-size:13px; letter-spacing:1px; text-transform:none;
  font-family:'Noto Serif TC',sans-serif;
}

/* ── FOOTER ── */
.footer-tagline { font-family:inherit; font-style:normal; }
.footer-col h4 { font-size:12px; letter-spacing:1px; text-transform:none; }
.footer-col a, .footer-col p { font-size:14px; line-height:2.4; }
.footer-bottom { font-family:'Lato',sans-serif; }

/* ── CONTACT MODAL ── */
.modal-eyebrow { font-size:12px; letter-spacing:1px; text-transform:none; }
.modal-box h2 { font-size:30px; }
.modal-box p { line-height:2; }
.modal-email { font-size:16px; letter-spacing:0; font-family:'Lato',sans-serif; }

/* ── TABLET ── */
@media (max-width:1024px) and (min-width:769px) {
  .hero-content h1 { font-size:44px; }
}

/* ── MOBILE ── */
@media (max-width:768px) {
  .hero-content h1 { font-size:34px; }
  .hero-name { letter-spacing:2px; }
  .hero-content p { font-size:15px; }
  .about-text h2 { font-size:28px; }
  .sec-title { font-size:28px; }
}