/*=================================================================
  CATEGORY / TERM LISTING PAGE — शङ्खघोष मिडिया
  Uses colour tokens from header.css (:root) and the sticky-column
  mechanism from article.css — both must load on this page too.
=================================================================*/

/* ============ CATEGORY TITLE ============ */
.cat-title-section{
  border-bottom:3px solid var(--sg-orange,#f89d28);
  padding-bottom:16px;
  margin-bottom:28px;
}
.cat-title-section .cat-title{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--sg-navy,#1e1878);
  font:700 28px 'Mukta',sans-serif;
}
.cat-title-section .cat-title::before{
  content:'';
  width:6px;height:26px;
  border-radius:3px;
  background:var(--sg-navy,#1e1878);
}

/* ============ NEWS GRID ============ */
.cat-news-section .list-wrapper{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:26px;
}
/* Yii's ListView renders the "Showing X items" summary and the
   pagination as siblings of the actual news items inside the same
   wrapper — force them to span the full row so they never get
   paired up with a news card as if they were a grid cell. */
.cat-news-section .list-wrapper > .summary{
  grid-column:1 / -1;
  color:var(--sg-muted,#707070);
  font:500 14.5px 'Open Sans',sans-serif;
  margin:0 0 4px;
}
.cat-news-section .list-wrapper > .pagination{
  grid-column:1 / -1;
}

.cat-news-content{
  background:#fff;
  border:1px solid #edeef5;
  border-radius:12px;
  overflow:hidden;
  transition:box-shadow .25s ease, transform .25s ease;
}
.cat-news-content:hover{
  box-shadow:0 12px 28px rgba(20,15,82,.10);
  transform:translateY(-3px);
}
.cat-news-content .img-zoom-effect{
  position:relative;
  display:block;
  overflow:hidden;
}
.cat-news-img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.cat-news-content:hover .cat-news-img{
  transform:scale(1.06);
}
.nbc1-lg-post-created{
  position:absolute;
  left:12px;bottom:12px;
  background:rgba(20,15,82,.75);
  color:#fff;
  font:500 12.5px 'Open Sans',sans-serif;
  padding:5px 12px;
  border-radius:20px;
  display:flex;
  align-items:center;
  gap:6px;
}
.nbc1-lg-post-created i{color:var(--sg-orange,#f89d28);}

.cat-news-title{
  display:block;
  color:var(--sg-text,#242424);
  font:600 19px/28px 'Mukta',sans-serif;
  padding:16px 18px 6px;
  transition:color .2s ease;
}
.cat-news-content:hover .cat-news-title{color:var(--sg-navy,#1e1878);}

.cat-news-para{
  color:var(--sg-muted,#707070);
  font:400 15px/24px 'Mukta',sans-serif;
  padding:0 18px 18px;
  margin:0;
}

/* ============ PAGINATION ============ */
.list-wrapper + .pagination,
.cat-news-section .pagination{
  display:flex;
  justify-content:center;
  list-style:none;
  gap:6px;
  margin:34px 0 6px;
  padding:0;
}
.cat-news-section .pagination li a,
.cat-news-section .pagination li span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:38px;height:38px;
  padding:0 6px;
  border-radius:8px;
  border:1px solid #e3e3ec;
  color:var(--sg-text,#242424);
  font:600 14.5px 'Mukta',sans-serif;
}
.cat-news-section .pagination li.active a,
.cat-news-section .pagination li.active span{
  background:var(--sg-navy,#1e1878);
  border-color:var(--sg-navy,#1e1878);
  color:#fff;
}
.cat-news-section .pagination li a:hover{
  border-color:var(--sg-navy,#1e1878);
  color:var(--sg-navy,#1e1878);
}
.cat-news-section .pagination li.disabled a,
.cat-news-section .pagination li.disabled span{
  color:#c7c8da;
}

/* ============ RESPONSIVE ============ */
@media (max-width:767px){
  .cat-news-section .list-wrapper{
    grid-template-columns:1fr;
    gap:20px;
  }
  .cat-title-section{padding-bottom:12px;}
  .cat-title-section .cat-title{font-size:22px;}
}