/* ============================================================
 * Air Purifier Top: giao diện thương hiệu (nạp SAU style.css của child).
 * Một bộ token màu duy nhất ở :root, đổi màu chỉ sửa ở đây (rule H2).
 * Palette: navy sâu + teal (không khí sạch) + vàng champagne (điểm nhấn sang trọng).
 * ============================================================ */
:root{
  --navy:#0b2b3a; --ink:#12303f; --ink-soft:#3f5663; --muted:#667d89; --line:#dbe7e7; --bg:#fff;
  --panel:#f2f8f7; --gold:#0f8f86; --gold-deep:#0b6e67; --link:#12303f; --sale:#b8602f; --good:#1e8e5a;
  --apt-mint:#e3f4f1; --apt-mint-2:#c9e9e4; --apt-champagne:#c9a24b; --apt-champagne-deep:#a8832f;
  --apt-radius:14px; --apt-shadow:0 18px 40px -22px rgba(11,43,58,.35);

  --color-primary:#0f8f86; --color-primary-hover:#0b6e67; --color-primary-dark:#0b6e67;
  --color-primary-light:#e3f4f1; --color-primary-rgb:15,143,134;
  --color-accent:#0f8f86; --color-accent-hover:#0b6e67; --color-accent-light:#e3f4f1;
  --color-success:#1e8e5a; --color-success-light:#e3f3ec;
  --color-warning:#8a6d1a; --color-error:#b8402f; --color-info:#12303f;
  --color-text:#12303f; --color-text-secondary:#3f5663; --color-text-muted:#667d89; --color-text-subtle:#8499a3;
  --color-bg:#ffffff; --color-bg-alt:#f2f8f7; --color-surface:#f2f8f7; --color-surface-raised:#ffffff; --color-surface-hover:#e8f2f0;
  --color-border:#dbe7e7; --color-border-subtle:#e8f0f0; --color-border-strong:#c6d8d8;
  --acms-primary-rgb:15,143,134; --acms-star-active:#c9a24b; --acms-border:#dbe7e7;
}

/* Thanh menu: navy sang trọng thay cho khối màu accent */
.navbar,.mobile-nav{background:var(--navy)}
.navbar .ni:hover > a{box-shadow:inset 0 -3px 0 var(--apt-champagne)}
.accent-h{border-top-color:var(--apt-champagne)}
.who{background:linear-gradient(135deg,#0b2b3a 0%,#123c4f 100%)}
footer.site{background:#071c27}

/* ---------- Logo (mark SVG + chữ) ---------- */
.logo--apt{flex-direction:row;align-items:center;gap:11px;font-size:27px}
.logo--apt .logo-mark{width:42px;height:42px;flex:none;display:block}
.logo--apt .logo-row{display:flex;align-items:baseline;gap:.28em;color:var(--navy);letter-spacing:-.025em}
.logo--apt .logo-row .t{color:var(--gold)}
footer.site .logo--apt{font-size:26px;margin-bottom:14px}
footer.site .logo--apt .logo-row{color:#fff}
footer.site .logo--apt .logo-row .t{color:#5fd0c6}

/* ---------- Hero thương hiệu ---------- */
.apt-hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 380px at 88% -10%,var(--apt-mint-2) 0%,rgba(201,233,228,0) 60%),
  linear-gradient(180deg,var(--apt-mint) 0%,#fff 100%);border-bottom:1px solid var(--line)}
.apt-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;padding-top:58px;padding-bottom:58px}
.apt-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px}
.apt-kicker::before{content:"";width:26px;height:2px;background:var(--apt-champagne);display:block}
.apt-hero h1{font-size:clamp(34px,5vw,56px);font-weight:900;line-height:1.04;letter-spacing:-.035em;color:var(--navy);margin-bottom:18px}
.apt-hero h1 span{color:var(--gold)}
.apt-lede{font-size:18px;line-height:1.6;color:var(--ink-soft);max-width:54ch;margin-bottom:26px}
.apt-cta{display:flex;flex-wrap:wrap;gap:12px}
.apt-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;font-weight:700;font-size:15px;border:1.5px solid var(--navy);color:var(--navy);background:#fff;transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.apt-btn:hover{transform:translateY(-2px);box-shadow:var(--apt-shadow)}
.apt-btn--primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.apt-btn--primary:hover{background:var(--gold-deep);border-color:var(--gold-deep)}
.apt-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:13.5px;color:var(--ink-soft);font-weight:600}
.apt-trust span{display:inline-flex;align-items:center;gap:7px}
.apt-trust i{color:var(--gold);font-size:16px}
.apt-art{position:relative;display:grid;place-items:center;min-height:300px}
.apt-art svg{width:min(100%,340px);height:auto;filter:drop-shadow(0 28px 34px rgba(11,43,58,.22))}
.apt-art .ring{position:absolute;border-radius:50%;border:1.5px solid rgba(15,143,134,.28);animation:aptRing 5.5s ease-out infinite}
.apt-art .ring.r1{width:300px;height:300px}
.apt-art .ring.r2{width:390px;height:390px;animation-delay:1.8s}
.apt-art .ring.r3{width:480px;height:480px;animation-delay:3.6s}
@keyframes aptRing{0%{transform:scale(.72);opacity:.9}100%{transform:scale(1.04);opacity:0}}
@media (prefers-reduced-motion:reduce){.apt-art .ring{animation:none;opacity:.5}}

/* ---------- Ô chủ đề ---------- */
.apt-topics{padding:34px 0 8px;background:#fff}
.apt-topics-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.apt-topics-head h2{font-size:var(--fs-sechead);font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.apt-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}
.apt-topic{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--apt-radius);background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}
.apt-topic:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--apt-shadow)}
.apt-topic-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--apt-mint);color:var(--gold-deep);font-size:22px}
.apt-topic b{display:block;font-size:15.5px;font-weight:800;color:var(--navy);line-height:1.25}
.apt-topic small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}

/* ---------- Trang tác giả + trang tĩnh ---------- */
.authors-page .ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:24px 0}
.authors-page .ap-card{border:1px solid var(--line);border-radius:var(--apt-radius);padding:22px;background:#fff;text-align:center}
.authors-page .ap-card img{width:112px;height:112px;border-radius:50%;margin:0 auto 14px;background:var(--apt-mint)}
.authors-page .ap-card h3{font-size:18px;margin-bottom:4px;color:var(--navy)}
.authors-page .ap-role{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px}
.authors-page .ap-card p{font-size:14.5px;line-height:1.55;color:var(--ink-soft);text-align:left}

@media (max-width:900px){
  .apt-hero-in{grid-template-columns:1fr;gap:26px;padding-top:40px;padding-bottom:36px}
  .apt-art{min-height:220px;order:-1}.apt-art svg{width:min(70%,240px)}
  .apt-art .ring.r1{width:220px;height:220px}.apt-art .ring.r2{width:290px;height:290px}.apt-art .ring.r3{width:360px;height:360px}
}
@media (max-width:640px){
  .apt-lede{font-size:16px}
  .apt-topics-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .apt-topic{padding:14px}
  .logo--apt{font-size:21px;gap:8px}.logo--apt .logo-mark{width:34px;height:34px}
}

/* Shortlist (inc/shortlist.php) dùng token --cyan-*, --cta: map về palette Air Purifier Top. */
:root{--cyan-deep:var(--gold-deep); --cyan-soft:var(--apt-mint); --cta:var(--apt-champagne); --on-cta:#1c1200}
