/*
 Theme Name: Hello Elementor Child
 Description: Child theme for 5Gor6G — branded global header/footer via mu-plugin functions.
 Template: hello-elementor
 Version: 1.0.0
*/

/* ===== News / Blog listing (home.php) ===== */
.news-hero{background:linear-gradient(135deg,#0c1445 0%,#1a2d6b 60%,#1e3a8a 100%);color:#fff;padding:56px 24px;text-align:center}
.news-hero-inner{max-width:1280px;margin:0 auto}
.news-hero h1{font-size:40px;font-weight:800;margin:0 0 12px;color:#fff}
.news-hero p{margin:0;font-size:16px;color:rgba(255,255,255,.8)}

.news-wrap{max-width:1280px;margin:48px auto;padding:0 24px}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.news-card{background:#fff;border:1px solid #e8ecf0;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(30,58,138,.15)}
.news-card-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#f1f5f9}
.news-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.news-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.news-card-date{font-size:13px;color:#69727d;margin-bottom:8px}
.news-card-title{font-size:20px;font-weight:700;margin:0 0 12px;line-height:1.3}
.news-card-title a{color:#1e3a8a;text-decoration:none}
.news-card-title a:hover{color:#4268c1}
.news-card-excerpt{font-size:14px;color:#555;line-height:1.6;margin:0 0 16px;flex:1}
.news-card-more{font-size:14px;font-weight:600;color:#16a34a;text-decoration:none}
.news-empty{text-align:center;color:#69727d;padding:40px}

/* pagination */
.news-wrap .navigation.pagination{margin-top:40px;text-align:center}
.news-wrap .navigation.pagination .nav-links{display:inline-flex;gap:8px}
.news-wrap .navigation.pagination a,
.news-wrap .navigation.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid #e8ecf0;border-radius:8px;color:#1e3a8a;text-decoration:none;font-size:14px}
.news-wrap .navigation.pagination span.current{background:#1e3a8a;color:#fff;border-color:#1e3a8a}

/* ===== Single post & generic page content (contained, readable) ===== */
.single #content.site-main,
.page #content.site-main{max-width:820px;margin:48px auto;padding:0 24px}
.single .entry-title,
.page .entry-title{font-size:32px;font-weight:800;color:#1e3a8a;margin:0 0 16px}
.single .entry-content,
.page .entry-content{font-size:16px;line-height:1.8;color:#333}
.single .entry-content img,
.page .entry-content img{max-width:100%;height:auto;border-radius:8px}
.single .post-thumbnail,
.page .post-thumbnail{margin-bottom:24px}

/* ===== Sticky footer: keep footer pinned to viewport bottom on short pages
   (no large blank below the footer). Applies wherever the child theme CSS loads. ===== */
body{display:flex;flex-direction:column;min-height:100vh}
#content.site-main,
.news-wrap{flex:1 0 auto}
.site-footer{flex-shrink:0}

/* News grid should use the full branded width (override Hello Elementor's 1140px cap) */
#content.site-main.news-wrap{max-width:1280px}