/*
Theme Name: Đông Triều Y Viện
Theme URI: https://dongtrieuyvien.vn/
Author: Hermes AI
Description: Giao diện WordPress riêng cho Đông Triều Y Viện - thư viện kiến thức Đông y, Y học cổ truyền.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dong-trieu-y-vien
*/
:root{--dt-red:#7f1d1d;--dt-red2:#a32626;--dt-gold:#d8a84e;--dt-cream:#fff8ea;--dt-ink:#2f241d;--dt-muted:#6b5d53;--dt-green:#2f6b4f;--dt-border:#eadcc0;--dt-shadow:0 18px 45px rgba(85,39,12,.12)}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--dt-ink);background:#fffdf8;line-height:1.65;font-size:16px} a{color:var(--dt-red2);text-decoration:none} a:hover{text-decoration:underline} img{max-width:100%;height:auto}.container{width:min(1180px,92vw);margin:auto}.topbar{background:var(--dt-red);color:#fff;padding:8px 0;font-size:14px}.topbar a{color:#ffe8b0}.topbar .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-header{background:rgba(255,253,248,.96);position:sticky;top:0;z-index:20;box-shadow:0 2px 18px rgba(60,30,10,.08);backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 0}.brand{display:flex;align-items:center;gap:14px}.brand img{max-height:68px;width:auto}.brand-text strong{display:block;font-size:24px;color:var(--dt-red);letter-spacing:.2px}.brand-text span{display:block;color:var(--dt-muted);font-size:13px}.main-nav ul{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.main-nav a{display:block;padding:10px 12px;border-radius:999px;color:var(--dt-ink);font-weight:650;font-size:14px}.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--dt-cream);color:var(--dt-red);text-decoration:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(216,168,78,.3),transparent 28%),linear-gradient(120deg,#fff8ea 0%,#fffdf8 50%,#f8efe1 100%);padding:72px 0 64px;border-bottom:1px solid var(--dt-border)}.hero:after{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;border:50px solid rgba(127,29,29,.08);border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--dt-border);box-shadow:var(--dt-shadow);padding:8px 14px;border-radius:999px;color:var(--dt-green);font-weight:700;font-size:14px}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.08;margin:18px 0;color:var(--dt-red)}.hero p{font-size:18px;color:var(--dt-muted);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:800;border:1px solid transparent}.btn-primary{background:var(--dt-red);color:#fff}.btn-gold{background:var(--dt-gold);color:#351f08}.btn-outline{border-color:var(--dt-red);color:var(--dt-red);background:#fff}.btn:hover{text-decoration:none;filter:brightness(.98)}.hero-card{background:#fff;border:1px solid var(--dt-border);border-radius:28px;padding:26px;box-shadow:var(--dt-shadow)}.hero-card h2{margin:0 0 12px;color:var(--dt-green)}.service-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.service-list li{padding:12px 14px;border-radius:16px;background:#fff8ea;border:1px solid #f0dfbe}.section{padding:58px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-title h2{margin:0;font-size:32px;color:var(--dt-red)}.section-title p{margin:6px 0 0;color:var(--dt-muted)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cat-card,.post-card,.info-card{background:#fff;border:1px solid var(--dt-border);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(85,39,12,.08)}.cat-card{min-height:170px;display:flex;flex-direction:column}.cat-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--dt-red),#c87334);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px}.cat-card h3{font-size:18px;line-height:1.3;margin:0 0 8px}.cat-card p{color:var(--dt-muted);margin:0;font-size:14px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card h3{margin:8px 0 10px;font-size:21px;line-height:1.35}.meta{font-size:13px;color:var(--dt-muted)}.notice{background:#fff8ea;border:1px solid var(--dt-gold);border-left:5px solid var(--dt-red);border-radius:18px;padding:18px;color:#594126}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;padding:46px 0}.article{background:#fff;border:1px solid var(--dt-border);border-radius:24px;padding:34px;box-shadow:0 10px 30px rgba(85,39,12,.07)}.article h1{color:var(--dt-red);font-size:clamp(30px,4vw,46px);line-height:1.16}.article h2,.article h3{color:var(--dt-green)}.sidebar{display:grid;gap:18px;align-content:start}.widget{background:#fff;border:1px solid var(--dt-border);border-radius:22px;padding:20px}.widget h3{margin-top:0;color:var(--dt-red)}.site-footer{background:#351b17;color:#f7ead2;margin-top:50px;padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.site-footer a{color:#ffd788}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;color:#dac8ae;font-size:14px}.archive-header{background:var(--dt-cream);border-bottom:1px solid var(--dt-border);padding:45px 0}.archive-header h1{margin:0;color:var(--dt-red);font-size:42px}.pagination{margin-top:28px}.pagination .page-numbers{display:inline-block;padding:8px 12px;border:1px solid var(--dt-border);border-radius:10px;margin:3px;background:#fff}.pagination .current{background:var(--dt-red);color:#fff}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:980px){.hero-grid,.content-wrap,.footer-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.posts-grid{grid-template-columns:1fr 1fr}.main-nav ul{display:none}.header-inner{align-items:flex-start}.brand-text strong{font-size:20px}}@media(max-width:620px){.cat-grid,.posts-grid{grid-template-columns:1fr}.hero{padding:48px 0}.article{padding:22px}.topbar .container{display:block}.hero-actions .btn{width:100%}}