/*
Theme Name: Chimelong Child
Template: chimelong
Description: Child theme — chứa landing templates + nơi đặt custom CSS an toàn.
Version: 1.0.0
Text Domain: chimelong-child
*/

/* Custom CSS của bạn đặt dưới đây — sẽ không bị mất khi update theme cha */

/* Ví dụ: đổi accent toàn site
body{
  --cl-accent:#0F6E5C;
  --cl-accent-h:#0A5244;
}
html[data-cl-theme="dark"] body{
  --cl-accent:#2FA389;
  --cl-accent-h:#3FB99E;
}
*/
/* ================== Widget: Recent Posts ================== */
.cl-rp{list-style:none;padding:0;margin:0}
.cl-rp__item+.cl-rp__item{border-top:1px solid var(--cl-line)}
.cl-rp__link{display:flex;gap:.9rem;align-items:flex-start;padding:.85rem 0}
.cl-rp__thumb{flex:0 0 64px;width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--cl-bg-2)}
.cl-rp__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.cl-rp__link:hover .cl-rp__thumb img{transform:scale(1.08)}
.cl-rp__thumb--none{display:grid;place-items:center;width:100%;height:100%;color:var(--cl-muted)}
.cl-rp__thumb--none svg{width:22px;height:22px;opacity:.5}
.cl-rp__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.cl-rp__cat{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-accent)}
.cl-rp__title{font-family:var(--cl-serif);font-weight:600;font-size:1rem;line-height:1.32;transition:color .25s}
.cl-rp__link:hover .cl-rp__title{color:var(--cl-accent)}
.cl-rp__date{font-size:.72rem;color:var(--cl-muted)}
.cl-rp__empty{color:var(--cl-ink-soft)}
.cl-rp__more{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cl-accent)}
.cl-rp__more:hover{color:var(--cl-ink)}

/* ================== Widget: HTML tùy ý (Custom HTML) ================== */
/* Giúp mọi HTML dán vào widget nhìn đồng bộ theme */
.widget img{border-radius:10px}
.widget p+p{margin-top:.7em}
.widget .cl-btn{margin-top:.9rem}

/* "Card HTML" tái sử dụng — band tối như hero landing */
.cl-html-card{background:var(--cl-band);color:var(--cl-band-ink);border-radius:12px;padding:1.4rem}
.cl-html-card h3{font-family:var(--cl-serif);font-weight:600;font-size:1.3rem;line-height:1.25;margin-bottom:.5rem}
.cl-html-card p{color:rgba(244,239,227,.78);font-size:.93rem}
.cl-html-card a{text-decoration:none}
.cl-html-card .cl-btn{background:var(--cl-band-accent);color:#1A1208}
.cl-html-card .cl-btn:hover{background:#F28A60}
.cl-html-card a:focus-visible{outline:2px solid var(--cl-band-accent);outline-offset:3px}

/* ================== Template: Full Width (No Sidebar) ================== */
.cl-prose--wide{max-width:1200px;margin-inline:auto;font-size:1.08rem;line-height:1.85}
.cl-prose--wide .alignwide{width:calc(100% + 180px);max-width:none;margin-left:-90px}
@media (max-width:900px){
  .cl-prose--wide .alignwide{width:100%;margin-left:0}
}