/* Betongxanh inner pages: generic page (Menu), news list, news detail */

/* Single-image big banner (like the homepage hero, but static — one image, no slider) */
.bx-page-hero { position:relative; height:60vh; min-height:380px; overflow:hidden;
                background:linear-gradient(120deg,#0b3d1f,#16733a); background-size:cover; background-position:center;
                display:flex; align-items:center; justify-content:center; }
.bx-page-hero::after { content:''; position:absolute; inset:0;
                        background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15) 40%,rgba(0,0,0,.35)); }
.bx-page-hero-caption { position:relative; z-index:2; text-align:center; }
.bx-page-hero-caption h1 { color:#fff; font-size:44px; text-transform:uppercase;
                           letter-spacing:1px; margin:0; text-shadow:0 3px 18px rgba(0,0,0,.5); }

/* Old simple green header block, still used by news list/detail pages */
.bx-page-header { background:#16733a; color:#fff; padding:32px 0; text-align:center; }
.bx-page-header h1 { margin:0; font-size:32px; text-transform:uppercase; color:#fff; }

.bx-page-body { padding:48px 0 64px; }
.bx-page-body .container { max-width:1000px; margin:0 auto; padding:0 15px; }
.bx-entry-content { font-size:16px; line-height:1.85; color:#333; }
.bx-entry-content img { max-width:100%; height:auto; border-radius:6px; }
.bx-entry-content h2, .bx-entry-content h3 { color:#16733a; margin:28px 0 14px; }
.bx-entry-content p { margin:0 0 16px; }

/* News list */
.bx-news-list-wrap { padding:40px 0 60px; }
.bx-news-list-wrap .container { max-width:1200px; margin:0 auto; padding:0 15px; }
.bx-pager { display:flex; justify-content:center; gap:8px; margin-top:36px; }
.bx-pager a, .bx-pager span { display:inline-flex; align-items:center; justify-content:center;
    min-width:38px; height:38px; padding:0 10px; border-radius:4px; border:1px solid #ddd;
    color:#333; text-decoration:none; font-size:14px; }
.bx-pager a:hover { background:#16733a; color:#fff; border-color:#16733a; }
.bx-pager .is-active { background:#16733a; color:#fff; border-color:#16733a; }

/* News detail */
.bx-article { padding:40px 0 60px; }
.bx-article .container { max-width:1000px; margin:0 auto; padding:0 15px; }
.bx-article-title { font-size:28px; font-weight:800; color:#16733a; margin:0 0 10px; line-height:1.3; }
.bx-article-meta { color:#888; font-size:14px; margin-bottom:22px; }
.bx-article-img { width:100%; max-height:460px; object-fit:cover; border-radius:8px; margin-bottom:26px; }
.bx-related { margin-top:56px; padding-top:32px; border-top:1px solid #eee; }