/* -------------------------
   Blog Article Loader
------------------------- */
.section-blog {min-height:600px;}
#blog-articles-container {opacity:1; height:auto; transition:opacity 2s ease-in-out;}
#blog-articles-container.fade-out {opacity:0;}


/* -------------------------
   Blog Article
------------------------- */
.blog-item {background:var(--clr-neutral-100); margin-bottom:3rem;}
.blog-img img {height:300px;}
.blog-date {display:none;}
.blog-content-container {padding:30px;}
    
    
/* -------------------------
   Pagination Controls
------------------------- */  
.pagination-controls {margin-top:20px; display:flex; gap:10px;}
.pagination-controls {margin-top:20px; display:flex; align-items:center; gap:10px; color:var(--clr-primary-700); opacity:0; pointer-events:none; transition:opacity 0.3s ease;}
.pagination-controls.is-visible {opacity:1; pointer-events:auto;}
.pagination-controls button {background-color:var(--clr-primary-700); color:var(--clr-neutral-100); padding:8px 12px; border:0; cursor:pointer; border-radius:6px; transition:background-color .3s ease-out;}
.pagination-controls button:hover {background-color:var(--clr-primary-400);}
.pagination-controls button:disabled {opacity: 0.5; cursor:not-allowed;}