/* Blog page styles */
/* Section heading */
.blog-section-heading { font-size: clamp(1.4rem, 1.8vw, 2rem); font-weight: 800; letter-spacing: .3px; }

/* Featured */
.blog-featured .bf-media { aspect-ratio: 16/11; min-height: 360px; box-shadow:0 20px 60px -20px rgba(0,0,0,.18); }
.bf-title { font-weight:800; letter-spacing:.3px; line-height:1.1; }
.blog-featured .display-6 a{color: var(--bs-heading-color); font-size: clamp(1.6rem, 2.4vw, 2.2rem); }
.bf-readmore { text-decoration:none; font-weight:800; color:var(--primary-color); display:inline-flex; align-items:center; gap:10px; }
.bf-readmore .arrow{ transition: transform .2s ease; }
.bf-readmore:hover .arrow{ transform: translateX(4px); }
.bf-date-pill{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:#e8fbf9; color:#0aa39e; font-weight:700; font-size:.85rem; }

.blog-post-card { background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 12px 40px -18px rgba(0,0,0,.15); }
.blog-post-card .bpc-media { aspect-ratio: 4/3; background:#f6f7f9; position: relative; }
.blog-post-card .bpc-date { position:absolute; left:10px; top:10px; display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background: rgba(255,255,255,0.92); color:#0aa39e; font-weight:800; font-size:.78rem; box-shadow:0 10px 22px -14px rgba(0,0,0,.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.blog-post-card .bpc-media img { width:100%; height:100%; object-fit:cover; display:block; }
.blog-post-card .bpc-body { padding:16px 16px 12px; }
.blog-post-card .bpc-badge { display:inline-block; background:#d2f2ee; color:#0aa39e; font-weight:700; padding:6px 10px; border-radius:10px; font-size:.8rem; }
.blog-post-card .bpc-title a{ color: var(--bs-heading-color); font-weight:700; margin:.6rem 0; }
.blog-post-card .bpc-meta { color:#9aa3ab; font-size:.85rem; display:flex; gap:16px; align-items:center; }

/* Pagination */
.blog-pagination { border-top:1px solid rgba(var(--primary-color-rgb),0.25); }
.bp-pager .bp-dot, .bp-pager .bp-nav{ width:34px; height:34px; border-radius:50%; border:1px solid rgba(var(--primary-color-rgb),0.25); background:#fff; color:var(--primary-color); display:inline-flex; align-items:center; justify-content:center; font-weight:800; cursor:pointer; transition:all .2s ease; }
.bp-pager .bp-dot.active{ background:var(--primary-color); color:#fff; border-color:var(--primary-color); }
.bp-pager .bp-dot:hover, .bp-pager .bp-nav:hover{ transform:translateY(-2px); box-shadow:0 8px 20px -10px rgba(var(--primary-color-rgb),0.45); }

@media (max-width: 991.98px){
  .blog-featured .bf-media{ min-height: 280px; }
  .bf-title.h3, .blog-featured .display-6 { font-size:1.35rem; }
}