/* Tin tức (home.php, archive.php, single.php): chỗ thiết kế dùng style inline / class viết tay mà template PHP sinh khác. */

/* Ảnh WP có thuộc tính width/height: để aspect-ratio 3/2 của thẻ quyết định chiều cao (trang Elementor đã có img{height:auto}) */
.post img,.article .cover{height:auto}

/* Mô tả dưới tiêu đề trang tin (thiết kế: style inline trên <p>) — template PHP và widget Text Editor */
.page-hero__lead{color:var(--muted);max-width:640px;margin-bottom:14px}
.elementor.elementor .e-con > .elementor-widget.page-hero-lead{max-width:640px;color:var(--muted)}
.elementor .page-hero-lead p{margin-bottom:14px}

/* Breadcrumb dựng bằng Heading (span): chỉ dấu "/" có margin như ".crumbs span" của thiết kế */
/* Fix round 1: hàng flex (không block): Elementor in xuống dòng/tab giữa các widget → widget inline sinh thêm
   khoảng trắng hai bên dấu "/" (~4px mỗi bên); thiết kế viết liền <a>…</a><span>/</span>… */
.elementor .e-con.crumbs{display:flex;flex-wrap:wrap;align-items:baseline;gap:0}
.elementor .crumbs > .elementor-widget{display:inline}
.elementor .crumbs .elementor-heading-title{margin:0;display:inline}
.elementor .crumbs .crumb-sep .elementor-heading-title{margin:0 8px}
.elementor .crumbs .crumb-link .elementor-heading-title a{color:var(--p);font-weight:500}

/* Vòng trang trí page-hero: thiết kế chỉ border-box cho phần tử (không cho ::after), Elementor đặt cả ::after */
.elementor .page-hero::after{box-sizing:content-box}
/* Cùng nguyên nhân: dấu tích ".box li::before" (12×7 + viền 2px) của thiết kế là content-box; Elementor đặt
   border-box cho mọi ::before trong .elementor → dấu tích nhỏ hơn 2px, lệch vị trí (Năng lực, phạm vi Dịch vụ) */
.elementor :is(.box,.scope) li::before{box-sizing:content-box}

/* Lưới tin do theme in sau container hp-news-list */
.elementor .e-con.hp-news-list{display:none}

/* Đoạn mở bài = .lead của thiết kế (nội dung bài là block Gutenberg, đoạn đầu không có class) */
.prose > p:first-child{font-size:19px;color:var(--p-deep);font-weight:500}
.prose > .note{margin:28px 0}
/* figcaption của block ảnh: bỏ margin-bottom 1em của block-library */
.prose figcaption{margin-bottom:0}
.prose figure.wp-block-image img{width:100%;height:auto}

/* Chia sẻ bài viết */
.share-links{display:flex;align-items:center;gap:10px}
.share-links .meta{margin:0}
.share-links a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--s-soft);color:var(--p);transition:.2s}
.share-links a:hover{background:var(--p);color:#fff}
.share-links .ico{width:16px;height:16px}
.tags:empty{display:none}

.posts-empty{text-align:center;color:var(--muted)}
.posts-empty a{color:var(--p);font-weight:600}
