/*=================================================================
  HOMEPAGE CATEGORY WIDGETS — शङ्खघोष मिडिया
  news-box-content-1.php … news-box-content-6.php
  Uses colour tokens from header.css (:root) and the shared
  .cat-box/.cat-name header from sidebar.css — both must load on
  the homepage too.
=================================================================*/

.news-box-container{margin-bottom:8px;}

/* ============================================================
   content-3 (list) beside content-1 (spotlight): both are capped
   to the SAME fixed height (~480px) so they always line up,
   regardless of how many items the list has or how long the
   feature's text is — the list scrolls, the feature's image/text
   are sized/clamped to fit.
   ============================================================ */
.home-feature-row{
  display:flex;
  flex-wrap:wrap;
}
@media (max-width:991px){
  .home-feature-row{display:block;}
}

/* Common date badge (nbc1-lg-post-created is reused by several
   templates: content-1, content-2/4/6 via the shared class name) */
.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;
  z-index:1;
}
.nbc1-lg-post-created i{color:var(--sg-orange,#f89d28);}

/* ============================================================
   news-box-content-1.php — single big "spotlight" feature
   ============================================================ */
.nbc1-lg .img-zoom-effect{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  margin-bottom:16px;
}
.nbc1-lg-img{
  width:100%;
  height:300px;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.nbc1-lg:hover .nbc1-lg-img{transform:scale(1.04);}
.nbc1-lg-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:var(--sg-navy,#1e1878);
  font:700 26px/36px 'Mukta',sans-serif;
  margin-bottom:10px;
  transition:color .2s ease;
}
.nbc1-lg-title:hover{color:var(--sg-navy-dark,#140f52);}
.nbc1-lg-para{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  color:var(--sg-muted,#707070);
  font:400 16px/26px 'Mukta',sans-serif;
  margin:0;
}

/* ============================================================
   news-box-content-2.php — 8-item simple grid (4 x 2)
   ============================================================ */
.nbc2-sm-content{margin-bottom:26px;}
.nbc2-sm-content .img-zoom-effect{
  border-radius:10px;
  overflow:hidden;
  margin-bottom:10px;
}
.nbc2-sm-img{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.nbc2-sm-content:hover .nbc2-sm-img{transform:scale(1.06);}
.nbc2-sm-title{
  display:block;
  color:var(--sg-text,#242424);
  font:600 15.5px/22px 'Mukta',sans-serif;
  transition:color .2s ease;
}
.nbc2-sm-title:hover{color:var(--sg-navy,#1e1878);}

/* ============================================================
   news-box-content-3.php — tall scrollable list (35 items),
   pairs next to content-1 in a narrower column
   ============================================================ */
.parent{
  max-height:480px;
  overflow-y:auto;
  padding-right:6px;
}
.parent::-webkit-scrollbar{width:5px;}
.parent::-webkit-scrollbar-track{background:#f3f3f9;border-radius:10px;}
.parent::-webkit-scrollbar-thumb{background:var(--sg-orange,#f89d28);border-radius:10px;}
.child{
  display:flex;
  flex-direction:column;
}
.nbc3-md{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 4px;
  border-bottom:1px solid #edeef5;
}
.nbc3-md:last-child{border-bottom:none;}
.nbc3-md .img-zoom-effect{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}
.nbc3-md-img{
  width:64px;
  height:52px;
  object-fit:cover;
  border-radius:8px;
  flex-shrink:0;
}
.nbc3-md-title{
  color:var(--sg-text,#242424);
  font:600 14.5px/21px 'Mukta',sans-serif;
  transition:color .2s ease;
}
.nbc3-md-title:hover{color:var(--sg-navy,#1e1878);}

/* ============================================================
   news-box-content-4.php — 4-item row with date badge
   ============================================================ */
.nbc4-md .col-md-3{margin-bottom:6px;}
.nbc4-md .img-zoom-effect{
  position:relative;
  border-radius:10px;
  overflow:hidden;
  margin-bottom:10px;
}
.nbc4-md-img{
  width:100%;
  height:150px;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.nbc4-md .img-zoom-effect:hover .nbc4-md-img{transform:scale(1.06);}
.nbc4-md-title{
  display:block;
  color:var(--sg-text,#242424);
  font:600 15.5px/22px 'Mukta',sans-serif;
  transition:color .2s ease;
}
.nbc4-md-title:hover{color:var(--sg-navy,#1e1878);}

/* ============================================================
   news-box-content-5.php — big feature + medium + 4 small
   ============================================================ */
.nbc5Container{margin-bottom:8px;}
.nbc5LgContainer{position:relative;}
.nbc5LgImg{
  width:100%;
  height:340px;
  object-fit:cover;
  border-radius:12px;
  margin-bottom:14px;
  transition:transform .4s ease;
}
.nbc5Lg:hover .nbc5LgImg{transform:scale(1.03);}
.nbcLgTitle{
  display:block;
  color:var(--sg-navy,#1e1878);
  font:700 25px/34px 'Mukta',sans-serif;
  margin-bottom:10px;
  transition:color .2s ease;
}
.nbcLgTitle:hover{color:var(--sg-navy-dark,#140f52);}
.nbc5-post-detail{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:10px;
}
.author-name-nbc5-lg,
.post-created-nbc5-lg{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--sg-muted,#707070);
  font:500 13.5px 'Open Sans',sans-serif;
}
.author-name-nbc5-lg i,
.post-created-nbc5-lg i{color:var(--sg-orange,#f89d28);}
.nbcLgPg{
  color:var(--sg-muted,#707070);
  font:400 16px/26px 'Mukta',sans-serif;
  margin:0;
}

.nbcMediumCont{margin-bottom:18px;}
.nbcMediumImg{
  width:100%;
  height:150px;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:10px;
  transition:transform .35s ease;
}
.nbcMediumCont:hover .nbcMediumImg{transform:scale(1.05);}
.nbcMediumHeading{
  display:block;
  color:var(--sg-text,#242424);
  font:600 16px/23px 'Mukta',sans-serif;
  transition:color .2s ease;
}
.nbcMediumHeading:hover{color:var(--sg-navy,#1e1878);}

.nbc2SmallCont{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid #edeef5;
}
.nbc2SmallCont:last-child{border-bottom:none;}
.nbc2SmallImg{
  width:64px;
  height:52px;
  object-fit:cover;
  border-radius:8px;
  flex-shrink:0;
}
.nbc2SmallHeading{
  color:var(--sg-text,#242424);
  font:600 14.5px/21px 'Mukta',sans-serif;
  transition:color .2s ease;
}
.nbc2SmallHeading:hover{color:var(--sg-navy,#1e1878);}

/* ============================================================
   news-box-content-6.php — 2 large stacked + 2 medium
   ============================================================ */
.nbc6Lg{margin-bottom:26px;}
.nbc6LgImg{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:12px;
  margin-bottom:12px;
  transition:transform .4s ease;
}
.nbc6Lg:hover .nbc6LgImg{transform:scale(1.03);}
.nbc6LgTitle{
  display:block;
  color:var(--sg-navy,#1e1878);
  font:700 22px/30px 'Mukta',sans-serif;
  margin-bottom:8px;
  transition:color .2s ease;
}
.nbc6LgTitle:hover{color:var(--sg-navy-dark,#140f52);}
.nbc6LgPara{
  color:var(--sg-muted,#707070);
  font:400 15px/24px 'Mukta',sans-serif;
  margin:0;
}

.nbc6MdSection{
  display:flex;
  gap:14px;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #edeef5;
}
.nbc6MdSection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.nbc6MdSection img{
  width:96px;
  height:76px;
  object-fit:cover;
  border-radius:8px;
  flex-shrink:0;
  transition:transform .35s ease;
}
.nbc6MdSection:hover img{transform:scale(1.06);}
.nbc6MdTitle{
  display:block;
  color:var(--sg-text,#242424);
  font:600 15.5px/22px 'Mukta',sans-serif;
  margin-bottom:4px;
  transition:color .2s ease;
}
.nbc6MdTitle:hover{color:var(--sg-navy,#1e1878);}
.nbc6MdPara{
  color:var(--sg-muted,#707070);
  font:400 13.5px/20px 'Mukta',sans-serif;
  margin:0;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:991px){
  .nbc1-lg-img{height:280px;}
  .nbc5LgImg{height:260px;}
  .nbc6LgImg{height:200px;}
  .parent{max-height:none;overflow-y:visible;}
}
@media (max-width:767px){
  .nbc1-lg-title{font-size:22px;line-height:30px;}
  .nbcLgTitle{font-size:21px;line-height:28px;}
  .nbc5-post-detail{flex-wrap:wrap;gap:10px;}
  .nbc6MdSection{flex-direction:column;}
  .nbc6MdSection img{width:100%;height:170px;}
}