/* dagelio-site 0.1.0 — nhận diện Dagelio trên nền GeneratePress. Màu kiểm WCAG AA (tests/run-tests.php phần C). */
:root{
  --dg-bg:#f7f5f0; --dg-surface:#ffffff; --dg-ink:#16181d; --dg-muted:#5b616e; --dg-line:#e3dfd6;
  --dg-brand:#c2410c; --dg-brand-ink:#ffffff; --dg-accent:#0f766e; --dg-focus:#1d4ed8;
  --dg-serif:"Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  --dg-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --dg-r:10px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --dg-bg:#111317; --dg-surface:#1a1d23; --dg-ink:#eceef2; --dg-muted:#a3a9b5; --dg-line:#2b2f37;
  --dg-brand:#fb923c; --dg-brand-ink:#111317; --dg-accent:#2dd4bf; --dg-focus:#93c5fd; color-scheme:dark; } }
:root[data-theme="dark"]{
  --dg-bg:#111317; --dg-surface:#1a1d23; --dg-ink:#eceef2; --dg-muted:#a3a9b5; --dg-line:#2b2f37;
  --dg-brand:#fb923c; --dg-brand-ink:#111317; --dg-accent:#2dd4bf; --dg-focus:#93c5fd; color-scheme:dark; }

body{background:var(--dg-bg);color:var(--dg-ink);font-family:var(--dg-sans);font-size:17px;line-height:1.6}
a{color:var(--dg-ink)} a:hover,a:focus{color:var(--dg-brand)}
:focus-visible{outline:3px solid var(--dg-focus);outline-offset:2px;border-radius:4px}
.separate-containers .inside-article,.separate-containers .comments-area,.separate-containers .page-header,
.one-container .container,.separate-containers .paging-navigation,.inside-page-header,
.sidebar .widget,.site-header,.main-navigation,.main-navigation ul ul,.site-footer,.site-info,.footer-widgets{background:var(--dg-surface);color:var(--dg-ink)}
.sidebar .widget,.separate-containers .inside-article{border:1px solid var(--dg-line);border-radius:var(--dg-r)}

/* đầu trang */
.site-header{border-bottom:1px solid var(--dg-line)}
.inside-header{gap:12px;padding-top:12px;padding-bottom:12px}
.main-title{font:700 26px/1 var(--dg-serif);letter-spacing:-.5px}
.main-title a{color:var(--dg-ink);display:inline-flex;align-items:center;gap:8px}
.main-title a::before{content:"d";width:26px;height:26px;border-radius:7px;background:var(--dg-brand);color:var(--dg-brand-ink);
  display:inline-grid;place-items:center;font:700 16px/1 var(--dg-sans)}
.site-description{color:var(--dg-muted);font-size:13px}
.dg-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.dg-locales{display:flex;gap:4px}
.dg-locales a{font:600 13px/1 var(--dg-sans);text-decoration:none;padding:9px 10px;border:1px solid var(--dg-line);border-radius:999px;min-width:44px;text-align:center}
.dg-locales a[aria-current="true"]{background:var(--dg-ink);color:var(--dg-bg);border-color:var(--dg-ink)}
.dg-theme{width:44px;height:44px;border:1px solid var(--dg-line);border-radius:999px;background:transparent;color:var(--dg-ink);display:grid;place-items:center;cursor:pointer;padding:0}
.dg-theme:hover{background:var(--dg-line)}
.main-navigation,.main-navigation .main-nav ul li a,.menu-toggle{color:var(--dg-muted);font-family:var(--dg-sans);font-weight:600}
.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--dg-ink);box-shadow:inset 0 -2px 0 var(--dg-brand)}

/* bài */
.entry-title,.page-title,h1,h2,h3{font-family:var(--dg-serif);color:var(--dg-ink);letter-spacing:-.2px}
h1.entry-title{font-size:clamp(30px,5vw,42px);line-height:1.15}
.entry-meta,.entry-meta a,.dg-credit,.cat-links,.tags-links{color:var(--dg-muted);font-size:14px}
.single .entry-content{font-family:var(--dg-serif);font-size:19px;line-height:1.7;max-width:680px}
.entry-content a{color:var(--dg-accent);text-decoration:underline;text-underline-offset:2px}
.dg-credit{margin:6px 0 16px;font-family:var(--dg-sans)}
.featured-image img,.post-image img{border-radius:var(--dg-r)}
.cas-keyfacts,.cas-sources{font-family:var(--dg-sans);font-size:15px;background:var(--dg-bg);border:1px solid var(--dg-line);border-radius:8px;padding:12px 16px;margin:24px 0}
.cas-sources{border-left:4px solid var(--dg-accent)}
.cas-keyfacts h2,.cas-sources h2{font:700 13px/1.3 var(--dg-sans);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
.cas-sources a{color:var(--dg-accent);word-break:break-word}
.cas-credit,.dg-ai{font-family:var(--dg-sans);font-size:14px;color:var(--dg-muted)}
.dg-ai{border-top:1px dashed var(--dg-line);padding-top:10px;margin-top:20px}
.cas-figure figcaption{font-family:var(--dg-sans);font-size:14px;color:var(--dg-muted)}

/* bài liên quan */
.dg-related{margin-top:32px;font-family:var(--dg-sans)}
.dg-related h2{font:700 13px/1 var(--dg-sans);text-transform:uppercase;letter-spacing:.08em;border-top:2px solid var(--dg-ink);padding-top:12px}
.dg-cards{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:600px){.dg-cards{grid-template-columns:repeat(3,1fr)}}
.dg-card{text-decoration:none!important;color:var(--dg-ink)!important;display:block}
.dg-card img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--dg-r);width:100%;height:auto;margin-bottom:8px}
.dg-card span{font:700 17px/1.3 var(--dg-serif);display:block}

/* danh sách / lưu trữ */
.blog .entry-summary,.archive .entry-summary{color:var(--dg-muted)}
.paging-navigation a,.nav-links a,.page-numbers{min-width:44px;min-height:44px;display:inline-grid;place-items:center;border:1px solid var(--dg-line);border-radius:8px}

/* chỗ quảng cáo — giữ chỗ cho bản sau (0.1.0 chưa chèn mã); có nhãn, giữ chiều cao ⇒ không xô bố cục */
.dg-ad{display:grid;place-items:center;margin:20px 0;min-height:280px;background:var(--dg-bg);border-radius:var(--dg-r)}
.dg-ad::before{content:attr(data-label);font:600 11px/1 var(--dg-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dg-muted)}
.dg-ad-top{min-height:100px} @media(min-width:768px){.dg-ad-top{min-height:250px}}

/* chân trang, thanh bên */
.site-footer,.site-info{border-top:1px solid var(--dg-line);color:var(--dg-muted)}
.site-info a,.footer-widgets a{color:var(--dg-ink)}
.widget-title{font:700 13px/1 var(--dg-sans);text-transform:uppercase;letter-spacing:.08em}

/* điện thoại 360 px: không tràn ngang, vùng chạm ≥ 44 px */
@media(max-width:480px){
  .inside-header{flex-wrap:wrap}
  .site-description{display:none}
  .dg-locales a{padding:9px 8px;min-width:40px}
}

/* chân trang (0.1.7): © + link trang pháp lý đã đăng */
.dg-legal{display:inline}
.dg-legal a{color:var(--dg-ink);text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:10px 2px;min-height:44px}
/* 0.1.8 form liên hệ */
.dg-contact form{max-width:640px}
.dg-contact label{display:block;font:600 15px/1.4 var(--dg-sans);margin-bottom:6px}
.dg-contact input[type=text],.dg-contact input[type=email],.dg-contact textarea{width:100%;box-sizing:border-box;background:var(--dg-surface);color:var(--dg-ink);border:1px solid var(--dg-muted);border-radius:8px;padding:12px;font:16px/1.5 var(--dg-sans);min-height:44px}
.dg-contact-send{background:var(--dg-ink);color:var(--dg-bg);border:0;border-radius:999px;padding:12px 24px;min-height:44px;font:700 16px/1 var(--dg-sans);cursor:pointer}
.dg-contact-note{color:var(--dg-muted);font-size:14px}
.dg-contact-ok,.dg-contact-err{border-left:4px solid var(--dg-accent);padding:10px 14px;background:var(--dg-surface)}
.dg-contact-err{border-left-color:var(--dg-brand)}
.dg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* 0.1.13 — logo thật ở đầu trang (lấy logo Rank Math khi site chưa đặt logo riêng); bỏ dấu «d» CSS khi đã có logo */
.dg-has-logo .main-title a::before{content:none;display:none}
.site-logo img,.site-header .header-image{max-height:44px;width:auto;height:auto;border-radius:8px}
.site-logo{margin-right:10px}
@media(max-width:480px){.site-logo img,.site-header .header-image{max-height:36px}}

/* 0.1.13 — trang chủ / chuyên mục / tìm kiếm: lưới thẻ bài (1 cột điện thoại · 2 cột ≥ 768 px · 3 cột ≥ 1100 px), bài đầu nổi bật */
.blog .site-main,.archive .site-main,.search .site-main{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.blog .site-main>*,.archive .site-main>*,.search .site-main>*{grid-column:1/-1;margin:0}
.blog .site-main>article,.archive .site-main>article,.search .site-main>article{grid-column:auto}
.blog .site-main>article .inside-article,.archive .site-main>article .inside-article,.search .site-main>article .inside-article{
  display:flex;flex-direction:column;height:100%;margin:0;padding:16px;box-sizing:border-box}
.blog .site-main>article .post-image,.archive .site-main>article .post-image,.search .site-main>article .post-image{order:-1;margin:-16px -16px 12px}
.blog .site-main>article .post-image img,.archive .site-main>article .post-image img,.search .site-main>article .post-image img{
  aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;border-radius:var(--dg-r) var(--dg-r) 0 0}
.blog .site-main>article:not(.has-post-thumbnail) .inside-article,.archive .site-main>article:not(.has-post-thumbnail) .inside-article{border-top:4px solid var(--dg-brand)}
.blog .entry-title,.archive .entry-title,.search .entry-title{font-size:20px;line-height:1.25;margin:0 0 6px}
.blog .entry-title a,.archive .entry-title a,.search .entry-title a{text-decoration:none}
.blog .entry-summary,.archive .entry-summary,.search .entry-summary{font-size:15px;line-height:1.5;margin-top:6px}
.blog .entry-summary p,.archive .entry-summary p{margin:0}
.blog footer.entry-meta,.archive footer.entry-meta{margin-top:auto;padding-top:10px}
@media(min-width:768px){
  .blog .site-main,.archive .site-main,.search .site-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .blog.home .site-main>article:first-of-type{grid-column:1/-1}
  .blog.home .site-main>article:first-of-type .entry-title{font-size:clamp(24px,3vw,32px)}
}
@media(min-width:1100px){
  .blog .site-main,.archive .site-main,.search .site-main{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* không cột phải: nội dung chiếm đủ khung; bài đơn giữ cột chữ ≤ 680 px (đã có ở .single .entry-content) */
.no-sidebar .site-content .content-area{width:100%}

/* 0.1.14 — KTĐL-286: tiêu đề liên kết thẻ bài đọc rõ ở sáng + tối, cả thường / hover / focus.
   GeneratePress tự đặt .entry-title a{color:var(--contrast)} (#222, cố định, không theo chế độ tối) và
   .entry-title a:hover{color:var(--contrast-2)} ⇒ đặt lại MÀU LIÊN KẾT bằng biến dagelio, độ ưu tiên cao hơn
   (body .site-main … = 0,2,2 / hover 0,3,2 > 0,1,1 / 0,2,1 của GeneratePress), không dùng !important.
   Màu: thường = --dg-ink; hover / focus = --dg-brand + gạch chân (không chỉ dựa vào màu). Tương phản: tests C (ink / brand trên surface ≥ 4.5). */
body .site-main .entry-title a,body .site-main .entry-title a:visited{color:var(--dg-ink)}
body .site-main .entry-title a:hover,body .site-main .entry-title a:focus,body .site-main .entry-title a:focus-visible{
  color:var(--dg-brand);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}