/*
Theme Name: Zentrita Child
Description: Child theme of Kadence for Zentrita (zttofficial.com). Design A: Ink Editorial. Presentation only; no content changes.
Template: kadence
Version: 1.0.0
Text Domain: zentrita-child
*/

:root{
  --global-palette1:#b3402a;
  --global-palette2:#8f3120;
  --global-palette3:#132238;
  --global-palette4:#2b3442;
  --global-palette5:#5b6572;
  --global-palette6:#d9d2bf;
  --global-palette7:#f3eee1;
  --global-palette8:#faf7f0;
  --global-palette9:#ffffff;
  --z-ink:#132238;
  --z-paper:#faf7f0;
  --z-accent:#b3402a;
  --z-gold:#c99a2e;
  --z-line:#e7e0d2;
}

body{
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  background:var(--z-paper);
  color:#2b3442;
}
h1,h2,h3,h4,h5,h6,
.entry-title,.site-title,.page-title{
  font-family:"Noto Serif TC","Songti TC",serif;
  color:var(--z-ink);
  font-weight:700;
}
a{color:var(--z-accent)}
a:hover{color:#8f3120}

/* ---------- top bar (text = existing homepage description, verbatim) ---------- */
.z-topbar{
  background:var(--z-ink);
  color:#cfd8ea;
  font-size:12.5px;
  text-align:center;
  padding:7px 14px;
  letter-spacing:.03em;
}

/* ---------- header ---------- */
#masthead{
  background:var(--z-paper);
  border-bottom:3px solid var(--z-ink);
}
#masthead .site-header-row-container-inner{background:var(--z-paper)}
.site-branding .site-title,
#masthead .site-title{
  font-family:Fraunces,"Noto Serif TC",serif;
  font-weight:900;
  color:var(--z-ink);
  letter-spacing:.01em;
}
.site-branding .site-description{color:#6b7280;letter-spacing:.22em;font-size:11px}
#masthead .header-navigation a,
#masthead .main-navigation a,
#masthead nav a{color:var(--z-ink);font-weight:500}
#masthead nav a:hover{color:var(--z-accent)}
#masthead .header-search-toggle,#masthead .search-toggle-open{color:var(--z-ink)}

/* mobile header */
#mobile-header{background:var(--z-paper);border-bottom:3px solid var(--z-ink)}
#mobile-header .site-title{color:var(--z-ink)}

/* ---------- hero (front page, built from the existing PTE guide post) ---------- */
.z-hero{
  display:grid;grid-template-columns:1.55fr 1fr;gap:26px;
  max-width:1140px;margin:0 auto;padding:34px 24px 6px;width:100%;
}
.z-hero-main .z-kicker{color:var(--z-accent);font-weight:700;font-size:12.5px;letter-spacing:.18em}
.z-hero-main h2{font-size:32px;line-height:1.35;margin:10px 0 12px}
.z-hero-main h2 a{color:var(--z-ink);text-decoration:none}
.z-hero-main h2 a:hover{color:var(--z-accent)}
.z-hero-main p{color:#4b5563;font-size:15px}
.z-btn{display:inline-block;margin-top:14px;background:var(--z-accent);color:#fff !important;
  padding:10px 20px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px}
.z-btn:hover{background:#8f3120}
.z-hero-side{
  background:var(--z-ink);color:#e8edf6;border-radius:12px;padding:22px;align-self:start;
}
.z-hero-side h3{color:#fff;font-size:19px;margin-bottom:8px}
.z-hero-side ul{margin:0;padding-left:18px}
.z-hero-side li{margin:7px 0;font-size:14px}
.z-hero-side a{color:#f0c46a;text-decoration:none}
.z-hero-side a:hover{text-decoration:underline}
@media(max-width:820px){.z-hero{grid-template-columns:1fr}}

/* ---------- archive / blog grid cards ---------- */
.loop-entry{
  background:#fff;border:1px solid var(--z-line);border-radius:10px;
  box-shadow:none !important;overflow:hidden;
}
.loop-entry .entry-header .entry-title{font-size:19px;line-height:1.45}
.loop-entry .entry-summary{color:#6b7280;font-size:14px}
.loop-entry .entry-taxonomies, .loop-entry .entry-taxonomies a{color:var(--z-accent);font-weight:700;letter-spacing:.08em}
.post-archive-title .page-title, .archive-title{color:var(--z-ink)}

/* ---------- browse-by-category chips (front page, below the loop) ---------- */
.z-browse{max-width:1140px;margin:6px auto 34px;padding:0 24px;width:100%}
.z-browse h3{font-size:21px;border-bottom:2px solid var(--z-ink);padding-bottom:8px;margin-bottom:14px}
.z-browse h3 em{font-style:normal;color:var(--z-accent);font-size:12.5px;font-family:"Noto Sans TC",sans-serif;letter-spacing:.12em;margin-left:8px}
.z-chips{display:flex;flex-wrap:wrap;gap:9px}
.z-chip{background:#fff;border:1px solid var(--z-line);border-radius:999px;padding:7px 14px;
  font-size:13.5px;color:var(--z-ink);text-decoration:none}
.z-chip b{color:var(--z-accent)}
.z-chip:hover{border-color:var(--z-accent)}

/* ---------- single post reading experience ---------- */
.single-post .entry-content{font-size:17px;line-height:1.85}
.single-post .entry-content h2{font-size:26px;margin-top:1.6em;border-bottom:2px solid var(--z-ink);padding-bottom:6px}
.single-post .entry-content h3{font-size:21px;margin-top:1.4em}
.single-post .entry-content table{border-collapse:collapse;background:#fff;font-size:15px}
.single-post .entry-content th{background:var(--z-ink);color:#fff;padding:9px;text-align:left}
.single-post .entry-content td{border-bottom:1px solid var(--z-line);padding:8px 9px}
.single-post .entry-meta{color:#6b7280}

/* ---------- footer menu strip (existing assigned menu, rendered by child) ---------- */
.z-footernav{background:var(--z-ink);border-top:1px solid #263750}
.z-footernav-inner{max-width:1140px;margin:0 auto;padding:18px 24px 2px}
.z-footernav-menu{list-style:none;display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding:0}
.z-footernav-menu a{color:#aebbd2;text-decoration:none;font-size:14px}
.z-footernav-menu a:hover{color:#fff}

/* ---------- footer ---------- */
#colophon{background:var(--z-ink);color:#aebbd2}
#colophon .site-footer-row-container-inner{background:var(--z-ink)}
#colophon a{color:#aebbd2}
#colophon a:hover{color:#fff}
#colophon .site-title,#colophon h1,#colophon h2,#colophon h3{color:#fff}
#colophon .footer-navigation a{color:#aebbd2}