/*
PHÚ ĐÔNG SKYLAKE — TYPOGRAPHY STANDARD v1.0
=========================================================
FONT A — BODY/UI: Be Vietnam Pro
- Paragraphs
- Navigation
- Buttons
- Forms
- Labels / meta / breadcrumbs
- Tables / cards / contact information

FONT B — HEADINGS: Noto Serif
- H1 / H2 / H3
- Entry title / post title
- Feature article titles
- Major section titles

NGUYÊN TẮC TIẾNG VIỆT
- Không dùng letter-spacing âm cho heading.
- Heading: letter-spacing: 0.
- Không ép word-break.
- Không dùng Georgia / Times New Roman cho nội dung website.
=========================================================
*/

:root{
  --pds-font-body:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --pds-font-heading:"Noto Serif","Times New Roman",serif;

  --pds-body-size:16px;
  --pds-body-line:1.72;
  --pds-heading-color:#0d2d52;
  --pds-body-color:#3f4650;
}

/* ---------------------------------------------------------
   1. NỀN TẢNG TOÀN WEBSITE
   --------------------------------------------------------- */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body,
body p,
body li,
body td,
body th,
body input,
body textarea,
body select,
body button,
body label,
body small,
body .nav,
body .menu,
body .button,
body .btn,
body .badge,
body .breadcrumb,
body .breadcrumbs,
body .post-meta,
body .entry-meta,
body .from_the_blog_excerpt{
  font-family:var(--pds-font-body)!important;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body{
  color:var(--pds-body-color);
  font-size:var(--pds-body-size);
  line-height:var(--pds-body-line);
}

/* Không để CSS cũ tách chữ/dấu tiếng Việt */
body p,
body li,
body td,
body th,
body label,
body a,
body span,
body strong{
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

/* ---------------------------------------------------------
   2. HỆ TIÊU ĐỀ
   --------------------------------------------------------- */
body h1,
body h2,
body h3,
body .entry-title,
body .post-title,
body .page-title,
body .section-title-main,
body .skylake-title,
body .skylake-news-head h2,
body .skylake-news-seo-copy h3,
body .skylake-article h1,
body .skylake-article h2,
body .skylake-article h3,
body .seo-hub-title{
  font-family:var(--pds-font-heading)!important;
  color:var(--pds-heading-color);
  font-synthesis:none;
  font-kerning:normal;
  font-feature-settings:"kern" 1;
  text-rendering:optimizeLegibility;
  letter-spacing:0!important;
  word-spacing:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

body h1,
body .entry-title,
body .page-title{
  font-weight:700!important;
  line-height:1.12!important;
}

body h2,
body .section-title-main{
  font-weight:700!important;
  line-height:1.18!important;
}

body h3{
  font-weight:600!important;
  line-height:1.28!important;
}

body h4,
body h5,
body h6{
  font-family:var(--pds-font-body)!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.35!important;
}

/* ---------------------------------------------------------
   3. CỠ CHỮ CHUẨN
   --------------------------------------------------------- */
body h1{font-size:clamp(46px,5vw,68px)}
body h2{font-size:clamp(34px,3.6vw,48px)}
body h3{font-size:clamp(24px,2.3vw,30px)}

body .entry-content,
body .article-inner,
body .skylake-article,
body .post-content{
  font-size:17px;
  line-height:1.78;
}

body .entry-content p,
body .skylake-article p,
body .post-content p{
  margin-bottom:1.25em;
}

/* ---------------------------------------------------------
   4. HEADER / MENU
   --------------------------------------------------------- */
body .header-nav a,
body .nav a,
body .menu a,
body .skylake-header a,
body .skylake-mobile-drawer a{
  font-family:var(--pds-font-body)!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

body .skylake-brand,
body .skylake-brand strong,
body .skylake-logo,
body .pds-brand,
body .pds-brand strong{
  font-family:var(--pds-font-heading)!important;
  letter-spacing:0!important;
}

/* Eyebrow nhỏ phía trên logo/heading vẫn dùng sans */
body .skylake-brand small,
body .skylake-kicker,
body .pds-kicker,
body .skylake-news-kicker,
body .eyebrow,
body .kicker{
  font-family:var(--pds-font-body)!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}

/* ---------------------------------------------------------
   5. BUTTON / CTA / FORM
   --------------------------------------------------------- */
body .button,
body button,
body input[type="submit"],
body input[type="button"],
body .skylake-cta,
body .skylake-mobile-actions a{
  font-family:var(--pds-font-body)!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

body input,
body textarea,
body select{
  font-family:var(--pds-font-body)!important;
  font-size:16px!important;
  line-height:1.45!important;
}

/* ---------------------------------------------------------
   6. ARTICLE / SEO HUB
   --------------------------------------------------------- */
body .skylake-article h1,
body .skylake-article .entry-title{
  font-size:clamp(42px,4.6vw,64px)!important;
}

body .skylake-article h2,
body .entry-content h2{
  margin-top:1.55em;
  margin-bottom:.55em;
}

body .skylake-article h3,
body .entry-content h3{
  margin-top:1.35em;
  margin-bottom:.5em;
}

body .skylake-news-main .post-title,
body .skylake-news-side .post-title{
  font-family:var(--pds-font-heading)!important;
  letter-spacing:0!important;
}

/* ---------------------------------------------------------
   7. TABLE / INFO CARD
   --------------------------------------------------------- */
body .skylake-info-label,
body .pds-info-label,
body .meta-label,
body .info-label{
  font-family:var(--pds-font-body)!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:uppercase;
}

body .skylake-info-value,
body .pds-info-value,
body .info-value{
  font-family:var(--pds-font-body)!important;
  font-weight:600!important;
  letter-spacing:0!important;
}

/* ---------------------------------------------------------
   8. KHẮC PHỤC CỤ THỂ LỖI DẤU TÁCH TRONG FLATSOME / PLUGIN
   --------------------------------------------------------- */
body .entry-content h1 *,
body .entry-content h2 *,
body .entry-content h3 *,
body .skylake-article h1 *,
body .skylake-article h2 *,
body .skylake-article h3 *,
body .post-title *,
body .entry-title *{
  font-family:inherit!important;
  letter-spacing:0!important;
  word-spacing:normal!important;
}

/* ---------------------------------------------------------
   9. MOBILE
   --------------------------------------------------------- */
@media(max-width:849px){
  body{
    font-size:16px;
    line-height:1.7;
  }

  body h1{font-size:clamp(38px,10vw,46px)}
  body h2{font-size:clamp(30px,8vw,36px)}
  body h3{font-size:clamp(22px,6.5vw,26px)}

  body .entry-content,
  body .article-inner,
  body .skylake-article,
  body .post-content{
    font-size:16px!important;
    line-height:1.75!important;
  }

  body .skylake-article h1,
  body .skylake-article .entry-title{
    font-size:clamp(36px,9vw,44px)!important;
  }
}

/* ---------------------------------------------------------
   10. ACCESSIBILITY
   --------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
}