/* ============================================
   style.css — Bootstrap 5 compatible base styles
   ============================================ */

body {
  font-family: 'Noto Serif Bengali', serif;
}

/* Keep legacy bottom-nav class (used in old templates) */
.bottom-nav {
  background-color: #175D0B;
}

.text-green {
  color: #175D0B;
}

/* Social icons (legacy) */
.social-icon i {
  font-size: 22px;
  margin: 4px 5px;
}

/* Scrollable menu (used in nav) */
div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
}

/* News card border (legacy, still referenced in welcome) */
.news-card {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

/* Premium / Video section dark bg */
.primeum {
  background-color: #1a1a2e;
  color: #fff;
}

/* Category list (legacy, used in some pages) */
.cat-list {
  list-style: none;
  padding-left: 0;
}

.cat-list-item > a {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  padding: 6px 8px;
  display: block;
  background-color: #f5f5f5;
  margin-bottom: 4px;
  border-radius: 3px;
  text-decoration: none;
  transition: background 0.2s;
}

.cat-list-item > a:hover {
  color: #c0392b;
  background-color: #eee;
}

/* Image size helpers (still referenced in post & welcome) */
.image-main {
  height: 280px;
  width: 100%;
  object-fit: cover;
}

.image-grid-1 {
  height: 140px;
  width: 100%;
  object-fit: cover;
}

.image-grid-2 {
  height: 110px;
  width: 100%;
  object-fit: cover;
}

.image-grid-3 {
  height: 180px;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 480px) {
  .image-main { height: 180px; }
  .image-grid-1, .image-grid-2 { height: 180px; }
}