/*
Theme Name: HealthWorthIt Child
Theme URI: https://healthworthit.com
Description: Child theme cua GeneratePress cho healthworthit.com - toi uu cho nguoi doc tren 60 tuoi.
Author: HealthWorthIt
Template: generatepress
Version: 1.0.0
Text Domain: healthworthit-child
*/

:root{
  --hwi-base: 18px;
  --hwi-text: #1f2328;
  --hwi-muted: #55606b;
  --hwi-accent: #0b6b4f;
  --hwi-accent-dark: #084f3b;
  --hwi-bg: #ffffff;
  --hwi-soft: #f4f7f5;
  --hwi-line: #d8e0db;
}

body{
  font-size: var(--hwi-base);
  line-height: 1.75;
  color: var(--hwi-text);
  background: var(--hwi-bg);
}

p, li{ font-size: 1rem; }
article p{ margin-bottom: 1.1em; max-width: 68ch; }

h1{ font-size: 2.1rem; line-height: 1.25; }
h2{ font-size: 1.6rem; line-height: 1.3; margin-top: 2em; }
h3{ font-size: 1.28rem; margin-top: 1.6em; }

a{ color: var(--hwi-accent); text-underline-offset: 3px; }
a:hover, a:focus{ color: var(--hwi-accent-dark); }

/* Vung cham toi thieu 44px cho moi thu bam duoc */
a.button, .wp-block-button__link, button, input[type="submit"], .hwi-cta{
  min-height: 44px;
  min-width: 44px;
  padding: 12px 22px;
  font-size: 1.05rem;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.hwi-cta{
  background: var(--hwi-accent);
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
}
.hwi-cta:hover, .hwi-cta:focus{ background: var(--hwi-accent-dark); color:#fff !important; }

/* Vien focus ro rang - nguoi lon tuoi hay dung ban phim */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible{
  outline: 3px solid var(--hwi-accent);
  outline-offset: 2px;
}

.main-navigation a{ font-size: 1.02rem; }

/* Danh sach bai theo chuyen muc o trang chu */
.hwi-cat-block{ margin: 2.4em 0; }
.hwi-cat-block h2{ margin-top: 0; border-bottom: 2px solid var(--hwi-line); padding-bottom: .3em; }
.hwi-cat-list{ list-style: none; margin: 0; padding: 0; }
.hwi-cat-list li{ padding: .6em 0; border-bottom: 1px solid var(--hwi-line); }
.hwi-cat-list a{ font-size: 1.08rem; font-weight: 600; text-decoration: none; }
.hwi-cat-list .hwi-excerpt{ display:block; color: var(--hwi-muted); font-weight: 400; font-size: .98rem; }

/* Chan trang */
.site-footer .hwi-social a{ margin-right: 14px; font-size: 1.05rem; }

/* Trang 404 */
.hwi-404{ max-width: 620px; margin: 3em auto; text-align: center; }
.hwi-404 h1{ font-size: 2.4rem; }

@media (max-width: 768px){
  :root{ --hwi-base: 18px; }
  h1{ font-size: 1.75rem; }
  h2{ font-size: 1.4rem; }
}