/* =========================================================
   DHHD Design System v1.0.0
   Global typography + colors. Loads at priority 9999.
   ========================================================= */

body.dhhd-design-system-active{
  color:var(--dhhd-ink)!important;
  font-family:"Be Vietnam Pro",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:var(--dhhd-body)!important;
  line-height:var(--dhhd-line-height)!important;
}

body.dhhd-design-system-active,
body.dhhd-design-system-active button,
body.dhhd-design-system-active input,
body.dhhd-design-system-active select,
body.dhhd-design-system-active textarea{
  font-family:"Be Vietnam Pro",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* =========================
   HOMEPAGE / UX BUILDER
   ========================= */
body.dhhd-design-system-active .dhh-banner-title{
  font-size:var(--dhhd-h1)!important;
  line-height:1.1!important;
  color:#fff!important;
  font-weight:800!important;
}
body.dhhd-design-system-active .dhh-banner-desc{
  font-size:var(--dhhd-body)!important;
  line-height:1.72!important;
  color:rgba(255,255,255,.94)!important;
}
body.dhhd-design-system-active .dhh-section-title,
body.dhhd-design-system-active .dhh-about-title,
body.dhhd-design-system-active .dhh-why-title{
  font-size:var(--dhhd-h2)!important;
  line-height:1.2!important;
  font-weight:800!important;
}
body.dhhd-design-system-active .dhh-market-card h3,
body.dhhd-design-system-active .dhh-vision-card h3,
body.dhhd-design-system-active .dhh-why-card h3,
body.dhhd-design-system-active .dhh-step-card h3{
  font-size:var(--dhhd-card-title)!important;
  line-height:1.45!important;
  font-weight:800!important;
}
body.dhhd-design-system-active .dhh-feature-box p,
body.dhhd-design-system-active .dhh-market-card p,
body.dhhd-design-system-active .dhh-vision-card p,
body.dhhd-design-system-active .dhh-why-card p,
body.dhhd-design-system-active .dhh-step-card p,
body.dhhd-design-system-active .dhh-about-desc,
body.dhhd-design-system-active .dhh-why-desc{
  font-size:max(14px,var(--dhhd-meta))!important;
  line-height:1.7!important;
  color:var(--dhhd-muted)!important;
}
body.dhhd-design-system-active .dhh-btn-red,
body.dhhd-design-system-active .dhh-btn-white,
body.dhhd-design-system-active .dhh-btn-blue-pill,
body.dhhd-design-system-active .dhh-card-btn{
  font-size:var(--dhhd-button)!important;
  font-weight:800!important;
}

/* =========================
   SCHOOL HUB
   ========================= */
body.dhhd-design-system-active .dhhd-sh-simple-single{
  color:var(--dhhd-ink)!important;
}
body.dhhd-design-system-active .dhhd-shsp-title h1{
  font-size:var(--dhhd-h1)!important;
  color:var(--dhhd-blue)!important;
}
body.dhhd-design-system-active .dhhd-shsp-intro,
body.dhhd-design-system-active .dhhd-shsp-rich,
body.dhhd-design-system-active .dhhd-shsp-rich p,
body.dhhd-design-system-active .dhhd-shsp-rich li,
body.dhhd-design-system-active .dhhd-shsp-rich div{
  font-size:var(--dhhd-body)!important;
  line-height:var(--dhhd-line-height)!important;
  color:var(--dhhd-ink)!important;
}
body.dhhd-design-system-active .dhhd-shsp-rich h2{
  font-size:var(--dhhd-h2)!important;
}
body.dhhd-design-system-active .dhhd-shsp-rich h3{
  font-size:var(--dhhd-h3)!important;
}
body.dhhd-design-system-active .dhhd-shsp-nav a{
  font-size:var(--dhhd-nav)!important;
  font-weight:800!important;
}
body.dhhd-design-system-active .dhhd-shsp-actions a,
body.dhhd-design-system-active .dhhd-shsp-all-admissions,
body.dhhd-design-system-active .dhhd-shsp-empty-actions a,
body.dhhd-design-system-active .dhhd-shsp-cta a{
  font-size:var(--dhhd-button)!important;
  font-weight:800!important;
}

/* =========================
   ADMISSIONS BULLETIN
   ========================= */
body.dhhd-design-system-active .dhhd-ab-page,
body.dhhd-design-system-active .dhhd-ab-single{
  color:var(--dhhd-ink)!important;
  font-size:var(--dhhd-body)!important;
}
body.dhhd-design-system-active .dhhd-ab-portal-hero h1,
body.dhhd-design-system-active .dhhd-ab-detail-hero h1{
  font-size:var(--dhhd-h1)!important;
  color:var(--dhhd-blue)!important;
}
body.dhhd-design-system-active .dhhd-ab-portal-hero p,
body.dhhd-design-system-active .dhhd-ab-detail-sub{
  color:var(--dhhd-muted)!important;
}
body.dhhd-design-system-active .dhhd-ab-results-bar h2{
  font-size:var(--dhhd-h2)!important;
  color:var(--dhhd-blue)!important;
}
body.dhhd-design-system-active .dhhd-ab-card h2{
  font-size:var(--dhhd-card-title)!important;
}
body.dhhd-design-system-active .dhhd-ab-card .school,
body.dhhd-design-system-active .dhhd-ab-card-meta,
body.dhhd-design-system-active .dhhd-ab-detail-summary .rows>div,
body.dhhd-design-system-active .dhhd-ab-school-link p,
body.dhhd-design-system-active .dhhd-ab-consult-card>p{
  font-size:var(--dhhd-meta)!important;
  line-height:1.6!important;
  color:var(--dhhd-muted)!important;
}
body.dhhd-design-system-active .dhhd-ab-filter-modern label,
body.dhhd-design-system-active .dhhd-ab-lead-form label{
  font-size:max(11px,calc(var(--dhhd-meta) - 1px))!important;
  color:var(--dhhd-ink)!important;
  font-weight:700!important;
}
body.dhhd-design-system-active .dhhd-ab-filter-modern input,
body.dhhd-design-system-active .dhhd-ab-filter-modern select,
body.dhhd-design-system-active .dhhd-ab-lead-form input,
body.dhhd-design-system-active .dhhd-ab-lead-form textarea{
  font-size:max(13px,var(--dhhd-meta))!important;
}
body.dhhd-design-system-active .dhhd-ab-filter-modern button,
body.dhhd-design-system-active .dhhd-ab-filter-modern .reset,
body.dhhd-design-system-active .dhhd-ab-lead-form button,
body.dhhd-design-system-active .dhhd-ab-direct a,
body.dhhd-design-system-active .dhhd-ab-bottom-cta-portal a{
  font-size:var(--dhhd-button)!important;
  font-weight:800!important;
}
body.dhhd-design-system-active .dhhd-ab-breadcrumb{
  font-size:max(11px,calc(var(--dhhd-meta) - 1px))!important;
  color:var(--dhhd-muted)!important;
}

/* =========================
   MOBILE NAVIGATION
   ========================= */
@media(max-width:849px){
  body.dhhd-design-system-active .dhhd-mnav3-bottom>a span,
  body.dhhd-design-system-active .dhhd-mnav3-bottom>button span,
  body.dhhd-design-system-active .dhhd-mnav3-bottom .center-action span{
    font-size:var(--dhhd-nav)!important;
    font-weight:800!important;
    color:var(--dhhd-ink)!important;
  }
  body.dhhd-design-system-active .dhhd-mnav3-bottom .center-action span{
    color:var(--dhhd-red)!important;
  }
  body.dhhd-design-system-active .dhhd-mnav3-sheet p,
  body.dhhd-design-system-active .dhhd-mnav3-sheet li,
  body.dhhd-design-system-active .dhhd-mnav3-sheet a,
  body.dhhd-design-system-active .dhhd-mnav3-sheet button{
    font-size:max(13px,var(--dhhd-meta))!important;
    line-height:1.6!important;
  }
  body.dhhd-design-system-active .dhhd-mnav3-sheet h2{
    font-size:var(--dhhd-h3)!important;
  }
}

/* =========================
   GENERIC WORDPRESS / FLATSOME CONTENT
   ========================= */
body.dhhd-design-system-active .entry-content,
body.dhhd-design-system-active .page-inner,
body.dhhd-design-system-active .article-inner{
  color:var(--dhhd-ink);
}
body.dhhd-design-system-active .entry-content p,
body.dhhd-design-system-active .entry-content li,
body.dhhd-design-system-active .page-inner p,
body.dhhd-design-system-active .page-inner li,
body.dhhd-design-system-active .article-inner p,
body.dhhd-design-system-active .article-inner li{
  font-size:var(--dhhd-body)!important;
  line-height:var(--dhhd-line-height)!important;
}
body.dhhd-design-system-active .entry-content h1,
body.dhhd-design-system-active .page-inner h1{
  font-size:var(--dhhd-h1)!important;
}
body.dhhd-design-system-active .entry-content h2,
body.dhhd-design-system-active .page-inner h2{
  font-size:var(--dhhd-h2)!important;
}
body.dhhd-design-system-active .entry-content h3,
body.dhhd-design-system-active .page-inner h3{
  font-size:var(--dhhd-h3)!important;
}

/* Don't let generic opacity make text washed out */
body.dhhd-design-system-active .dhhd-ab-page *,
body.dhhd-design-system-active .dhhd-ab-single *,
body.dhhd-design-system-active .dhhd-sh-simple-single *,
body.dhhd-design-system-active .dhhd-mnav3 *{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* =========================
   MOBILE TYPOGRAPHY
   ========================= */
@media(max-width:767px){
  body.dhhd-design-system-active{
    font-size:var(--dhhd-body-mobile)!important;
  }

  body.dhhd-design-system-active h1,
  body.dhhd-design-system-active .dhh-banner-title,
  body.dhhd-design-system-active .dhhd-shsp-title h1,
  body.dhhd-design-system-active .dhhd-ab-portal-hero h1,
  body.dhhd-design-system-active .dhhd-ab-detail-hero h1{
    font-size:var(--dhhd-h1-mobile)!important;
    line-height:1.15!important;
  }

  body.dhhd-design-system-active h2,
  body.dhhd-design-system-active .dhh-section-title,
  body.dhhd-design-system-active .dhh-about-title,
  body.dhhd-design-system-active .dhh-why-title,
  body.dhhd-design-system-active .dhhd-shsp-rich h2,
  body.dhhd-design-system-active .dhhd-ab-results-bar h2{
    font-size:var(--dhhd-h2-mobile)!important;
  }

  body.dhhd-design-system-active h3,
  body.dhhd-design-system-active .dhhd-shsp-rich h3{
    font-size:var(--dhhd-h3-mobile)!important;
  }

  body.dhhd-design-system-active .dhh-feature-box p,
  body.dhhd-design-system-active .dhh-market-card p,
  body.dhhd-design-system-active .dhh-vision-card p,
  body.dhhd-design-system-active .dhh-why-card p,
  body.dhhd-design-system-active .dhh-step-card p,
  body.dhhd-design-system-active .dhhd-shsp-intro,
  body.dhhd-design-system-active .dhhd-shsp-rich,
  body.dhhd-design-system-active .dhhd-shsp-rich p,
  body.dhhd-design-system-active .dhhd-shsp-rich li{
    font-size:var(--dhhd-body-mobile)!important;
  }

  body.dhhd-design-system-active .dhhd-ab-card h2{
    font-size:max(14px,var(--dhhd-card-title))!important;
  }

  body.dhhd-design-system-active .dhhd-ab-card .school,
  body.dhhd-design-system-active .dhhd-ab-card-meta,
  body.dhhd-design-system-active .dhhd-ab-detail-mobile-summary b,
  body.dhhd-design-system-active .dhhd-ab-detail-summary .rows>div,
  body.dhhd-design-system-active .dhhd-ab-school-link p,
  body.dhhd-design-system-active .dhhd-ab-consult-card>p{
    font-size:max(12px,var(--dhhd-meta))!important;
  }

  body.dhhd-design-system-active .dhhd-ab-breadcrumb,
  body.dhhd-design-system-active .dhhd-ab-detail-sub{
    font-size:max(12px,var(--dhhd-meta))!important;
  }

  body.dhhd-design-system-active .dhhd-ab-lead-form input,
  body.dhhd-design-system-active .dhhd-ab-lead-form textarea,
  body.dhhd-design-system-active .dhhd-ab-filter-modern input,
  body.dhhd-design-system-active .dhhd-ab-filter-modern select{
    font-size:max(14px,var(--dhhd-meta))!important;
  }
}


/* =========================================================
   DHHD Design System v1.0.1 — Safe Contrast Layer
   Không ép màu chữ lên section nền tối.
   ========================================================= */

/* Global: chỉ đồng bộ font / cỡ, KHÔNG ép màu mọi paragraph/heading */
body.dhhd-design-system-active{
  color:var(--dhhd-ink);
}

/* Chỉ áp màu mặc định trong vùng nội dung sáng */
body.dhhd-design-system-active .entry-content > p,
body.dhhd-design-system-active .entry-content > ul,
body.dhhd-design-system-active .entry-content > ol,
body.dhhd-design-system-active .article-inner > p,
body.dhhd-design-system-active .page-inner > p{
  color:var(--dhhd-ink);
}

/* ===== HOMEPAGE DARK SECTIONS: giữ chữ trắng ===== */
body.dhhd-design-system-active .dhh-why-title,
body.dhhd-design-system-active .dhh-why-desc,
body.dhhd-design-system-active .dhh-why-card h3,
body.dhhd-design-system-active .dhh-why-card p,
body.dhhd-design-system-active .dhh-why-card .icon,
body.dhhd-design-system-active .dhh-why-card strong,
body.dhhd-design-system-active .dhh-why-card span{
  color:#fff!important;
}
body.dhhd-design-system-active .dhh-why-desc,
body.dhhd-design-system-active .dhh-why-card p{
  color:rgba(255,255,255,.86)!important;
}

/* Hero */
body.dhhd-design-system-active .dhh-banner-title,
body.dhhd-design-system-active .dhh-banner-desc,
body.dhhd-design-system-active .dhh-banner-checks,
body.dhhd-design-system-active .dhh-banner-checks p,
body.dhhd-design-system-active .dhh-banner-checks span,
body.dhhd-design-system-active .dhh-badge-top{
  color:#fff!important;
}
body.dhhd-design-system-active .dhh-banner-desc{
  color:rgba(255,255,255,.92)!important;
}

/* Stats / blue overlay sections */
body.dhhd-design-system-active .counter-box,
body.dhhd-design-system-active .counter-box *,
body.dhhd-design-system-active .dhh-stats,
body.dhhd-design-system-active .dhh-stats *{
  color:#fff!important;
}

/* CTA dark sections */
body.dhhd-design-system-active .dhh-cta-banner,
body.dhhd-design-system-active .dhh-cta-banner h1,
body.dhhd-design-system-active .dhh-cta-banner h2,
body.dhhd-design-system-active .dhh-cta-banner h3,
body.dhhd-design-system-active .dhh-cta-banner p,
body.dhhd-design-system-active .dhh-cta-banner span{
  color:#fff!important;
}

/* School Hub dark CTA */
body.dhhd-design-system-active .dhhd-shsp-cta,
body.dhhd-design-system-active .dhhd-shsp-cta h2,
body.dhhd-design-system-active .dhhd-shsp-cta p,
body.dhhd-design-system-active .dhhd-shsp-cta span{
  color:#fff!important;
}
body.dhhd-design-system-active .dhhd-shsp-cta p{
  color:rgba(255,255,255,.88)!important;
}

/* Admissions dark CTA */
body.dhhd-design-system-active .dhhd-ab-bottom-cta-portal,
body.dhhd-design-system-active .dhhd-ab-bottom-cta-portal h2,
body.dhhd-design-system-active .dhhd-ab-bottom-cta-portal p,
body.dhhd-design-system-active .dhhd-ab-bottom-cta-portal span{
  color:#fff!important;
}
body.dhhd-design-system-active .dhhd-ab-bottom-cta-portal p{
  color:rgba(255,255,255,.88)!important;
}

/* Mobile nav active / dark sheet elements keep component colors */
@media(max-width:849px){
  body.dhhd-design-system-active .dhhd-mnav3-bottom .center-action i,
  body.dhhd-design-system-active .dhhd-mnav3-sheet .primary,
  body.dhhd-design-system-active .dhhd-mnav3-sheet .btn-primary,
  body.dhhd-design-system-active .dhhd-mnav3-sheet .danger,
  body.dhhd-design-system-active .dhhd-mnav3-sheet .btn-red,
  body.dhhd-design-system-active .dhhd-mnav3-sheet .cta-red{
    color:#fff!important;
  }
}

/* Các section có class dark/bg-dark/has-background đậm:
   tránh Design System tự ép màu con */
body.dhhd-design-system-active .dark,
body.dhhd-design-system-active .bg-dark,
body.dhhd-design-system-active .has-dark-bg,
body.dhhd-design-system-active .section-dark{
  color:inherit;
}

/* Generic headings: chỉ chỉnh size/font, không ép color */
body.dhhd-design-system-active h1{
  font-weight:800!important;
}
body.dhhd-design-system-active h2,
body.dhhd-design-system-active h3{
  font-weight:800!important;
}

/* Light content headings known to be safe */
body.dhhd-design-system-active .entry-content > h1,
body.dhhd-design-system-active .entry-content > h2,
body.dhhd-design-system-active .entry-content > h3,
body.dhhd-design-system-active .article-inner > h1,
body.dhhd-design-system-active .article-inner > h2,
body.dhhd-design-system-active .article-inner > h3{
  color:var(--dhhd-blue)!important;
}

/* Homepage why section explicit readability */
body.dhhd-design-system-active .dhh-why-card{
  border-color:rgba(255,255,255,.24)!important;
}
body.dhhd-design-system-active .dhh-why-card p{
  opacity:1!important;
  font-size:max(14px,var(--dhhd-meta))!important;
  line-height:1.72!important;
}
body.dhhd-design-system-active .dhh-why-desc{
  opacity:1!important;
  font-size:max(14px,var(--dhhd-meta))!important;
}

/* Never reduce component opacity */
body.dhhd-design-system-active .dhh-why-card,
body.dhhd-design-system-active .dhh-why-card *,
body.dhhd-design-system-active .dhh-why-title,
body.dhhd-design-system-active .dhh-why-desc{
  opacity:1!important;
}