/* Biomass Vietnam: phần CSS riêng cho WordPress (block lõi, header/footer dạng block, form gửi máy chủ).
   Giao diện chính nằm ở site.css, dùng chung với bản web tĩnh. */

/* Các phần nối liền nhau, không có khoảng trống mặc định giữa các block cấp cao nhất */
.wp-site-blocks { padding: 0; }
.wp-site-blocks > *, .bv-main > *, .bv-main .wp-block-post-content > * { margin-block: 0; }
.bv-main .wp-block-post-content { max-width: none; }
.bv-blog { padding: calc(var(--sc-section) + 40px) var(--sc-gutter) var(--sc-section); }

/* Header dạng block: logo (ảnh), menu (Điều hướng), ngôn ngữ (HTML), nút */
.bar figure.bar__mark { margin: 0; }
.bar .wp-block-navigation { margin-left: auto; font-size: var(--sc-t-sm); }
.bar .wp-block-navigation__container { gap: var(--sc-5); }
.bar .wp-block-navigation-item__content { padding: var(--sc-2) 0; color: var(--sc-ink); font-weight: 700; opacity: 0.9; text-decoration: none; }
.bar .wp-block-navigation-item__content:hover { opacity: 1; }
.bar .current-menu-item > .wp-block-navigation-item__content { opacity: 1; color: var(--sc-accent); box-shadow: inset 0 -2px 0 var(--sc-accent); }
.bar .wp-block-navigation__responsive-container-open { color: var(--sc-ink); }
.bar .wp-block-navigation__responsive-container.is-menu-open { background: var(--sc-canvas); color: var(--sc-ink); padding: var(--sc-6) var(--sc-5); }
.bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.25rem; padding: var(--sc-3) 0; }
.bar .wp-block-buttons { flex-wrap: nowrap; gap: var(--sc-3); }
.bar .bar__login .wp-block-button__link { min-height: 44px; }
@media (max-width: 860px) {
  .bar .wp-block-buttons { display: none; }
  .bar .wp-block-navigation { order: 3; margin-left: var(--sc-1); }
  .bar .lang { margin-left: auto; }
}
@media (max-width: 1180px) { .bar .bar__cta .bv-long { display: none; } }

/* Kiểu nút (chọn ở thanh bên phải khi chọn một nút) */
.wp-block-button[class*="is-style-bv-"] .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--sc-2);
  min-height: 48px; padding: 0 var(--sc-5); border: 0; border-radius: var(--sc-r-pill);
  font-family: inherit; font-size: var(--sc-t-sm); font-weight: 700; white-space: nowrap; text-decoration: none;
  transition: transform var(--sc-d-fast) var(--sc-ease-out), background-color var(--sc-d-fast) var(--sc-ease-out), box-shadow var(--sc-d-fast) var(--sc-ease-out);
}
.wp-block-button.is-style-bv-primary .wp-block-button__link { background: var(--sc-accent); color: var(--sc-accent-ink); box-shadow: var(--sc-e2); }
.wp-block-button.is-style-bv-primary .wp-block-button__link:hover { background: #9EDD84; transform: translateY(-1px); }
.wp-block-button.is-style-bv-ghost .wp-block-button__link { background: transparent; color: var(--sc-ink); box-shadow: inset 0 0 0 1.5px rgb(243 248 241 / 0.5); }
.wp-block-button.is-style-bv-ghost .wp-block-button__link:hover { box-shadow: inset 0 0 0 1.5px var(--sc-ink); }
.wp-block-button.is-style-bv-dark .wp-block-button__link { background: var(--sc-canvas); color: var(--sc-ink); }
.wp-block-button.is-style-bv-dark .wp-block-button__link:hover { background: #1B3C58; transform: translateY(-1px); }
.wp-block-button.is-style-bv-outline-dark .wp-block-button__link { background: transparent; color: var(--sc-canvas); box-shadow: inset 0 0 0 1.5px rgb(14 34 51 / 0.45); }
.wp-block-button[class*="is-style-bv-"] .wp-block-button__link:focus-visible { outline: 2px solid var(--bv-sky); outline-offset: 3px; }

/* Phần nội dung dựng bằng block lõi */
.def-sec .def > * + * { margin-block-start: 0; }
.def-sec .wp-block-list.def__ex, .def-sec ul.def__ex { padding: 0; }
.def__full.wp-block-details > summary { margin: 0; }
.def__full.wp-block-details p { margin: var(--sc-2) 0 0; }
.faq .wp-block-buttons { margin-top: var(--sc-5); }
.faq__list.is-layout-flow > * { margin-block: 0; }
.qa.wp-block-details { padding: 0; }
.qa.wp-block-details > summary { list-style: none; }
.teaser--report .rteaser__covers figure { margin: 0; }
.teaser--report .wp-block-buttons, .end-card .wp-block-buttons { gap: var(--sc-3); }
.page-head .wp-block-list.jump, .page-head ul.jump { padding: 0; }
.foot__col p, .foot__brand p, .foot__bottom p { margin: 0; }
.foot__brand figure { margin: 0; }
.foot__brand .wp-block-buttons { margin-top: var(--sc-5); }
.foot .wp-block-heading { margin: 0 0 var(--sc-1); }

/* Form liên hệ gửi máy chủ */
.form__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form__msg { margin: 0 0 var(--sc-4); padding: var(--sc-3) var(--sc-4); border-radius: var(--sc-r-md); font-weight: 600; font-size: var(--sc-t-sm); }
.form__msg--ok { background: var(--bv-mint); color: var(--bv-leaf); }
.form__msg--err { background: #FDECEC; color: #9B1C1C; }

/* Trang Đăng nhập dựng bằng block lõi */
.login .wp-block-buttons { display: grid; gap: var(--sc-3); }
.login .wp-block-button, .login .wp-block-button__link { width: 100%; }

/* Nút ngôn ngữ dạng link (bản dịch của trang đang xem) */
.lang a {
  display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; border-radius: var(--sc-r-sm);
  color: var(--sc-ink); font-size: var(--sc-t-sm); font-weight: 600; text-decoration: none; opacity: 0.86;
}
.lang a:hover { opacity: 1; }
.lang a[aria-current="true"] { opacity: 1; color: var(--sc-accent); font-weight: 700; }
.lang a:focus-visible { outline: 2px solid var(--bv-sky); outline-offset: 3px; }
@media (max-width: 860px) { .lang a { min-width: 38px; } }

/* Bản 中文: chữ Hán dùng Noto Sans SC */
:lang(zh) body, body:lang(zh) { font-family: "Be Vietnam Pro", "Noto Sans SC", system-ui, sans-serif; }
:lang(zh) .sec-title { letter-spacing: 0; }

/* Lời dẫn "Biomass là gì?" dựng bằng đoạn văn lõi (chữ đậm là <strong>) */
.def__lead strong { font-weight: 800; }
.def-sec .def__src { font-size: var(--sc-t-xs); opacity: 0.8; }