.container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 15px;
}
/* =====================
   RESET
===================== */
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

body{
  font-family:'Noto Sans Bengali', sans-serif;
  background:#f4f4f4;
  color:#111;
  padding-top:152px; /* header + breaking bar */
}

a{ text-decoration:none; color:inherit; }

.container{
  max-width:1200px;
  margin:auto;
  padding:0 12px;
}

/* =====================
   STICKY HEADER
===================== */
.sticky-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999;
  background:#fff;
  border-bottom:1px solid #ddd;
}

/* =====================
   HEADER TOP
===================== */
.header-top{
  border-bottom:1px solid #eee;
}

.header-flex{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:56px;
}

.site-logo img{ max-height:40px; }
.site-logo a{
  font-size:20px;
  font-weight:700;
  color:#0a7c5a;
}

.hamburger,
.header-search{
  background:none;
  border:none;
  font-size:22px;
  cursor:pointer;
}

/* =====================
   CATEGORY MENU
===================== */
.header-category{
  background:#fff;
  overflow-x:auto;
}

.category-menu{
  display:flex;
  gap:14px;
  list-style:none;
  padding:10px 0;
  white-space:nowrap;
}

.category-menu li{ flex-shrink:0; }

.category-menu a{
  font-size:15px;
  font-weight:500;
  padding:6px 8px;
}

.category-menu::-webkit-scrollbar{ display:none; }


/* =====================
   MOBILE MENU
===================== */
.mobile-menu{
  position:fixed;
  top:152px;
  left:-100%;
  width:260px;
  height:calc(100% - 152px);
  background:#fff;
  z-index:99999;
  padding:20px;
  transition:left .3s ease;
}

.mobile-menu.active{ left:0; }

.close-menu{
  background:none;
  border:none;
  font-size:22px;
  margin-bottom:15px;
}

.mobile-menu-list{ list-style:none; }

.mobile-menu-list li{ margin-bottom:12px; }

.mobile-menu-list a{
  font-size:16px;
  font-weight:500;
}

/* =====================
   SEARCH OVERLAY
===================== */
.search-overlay{
  position:fixed;
  top:152px;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,.6);
  display:none;
  align-items:flex-start;
  justify-content:center;
  z-index:99999;
}

.search-overlay.active{ display:flex; }

.search-box{
  background:#fff;
  width:90%;
  max-width:420px;
  margin-top:20px;
  padding:20px;
  border-radius:6px;
}

.search-box input{
  width:100%;
  padding:12px;
  font-size:16px;
}

/* =====================
   SAFETY
===================== */
html,body{ overflow-x:hidden; }
/* =====================
   LIVE SEARCH RESULT UI
===================== */

.search-results{
  margin-top: 12px;
  border-top: 1px solid #eee;
  max-height: 380px;
  overflow-y: auto;
}

/* single item */
.search-item{
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  align-items: center;
}

/* thumbnail – very small */
.search-item img{
  width: 54px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

/* text area */
.search-info{
  flex: 1;
}

/* category */
.search-cat{
  display: inline-block;
  font-size: 12px;
  color: #0a7c5a;
  margin-bottom: 2px;
  font-weight: 600;
}

/* title */
.search-info h4{
  font-size: 15px;
  line-height: 1.35;
  margin: 0;
  color: #111;
}

/* hover */
.search-item:hover h4{
  color: #c40000;
}

/* no result */
.no-result{
  padding: 14px 0;
  color: #777;
  font-size: 14px;
  text-align: center;
}

/* mobile fine tune */
@media(max-width:768px){

  .search-item{
    padding: 8px 0;
  }

  .search-item img{
    width: 48px;
    height: 36px;
  }

  .search-info h4{
    font-size: 14px;
  }
}
/* =========================
   CATEGORY PAGE – NEWSPAPER
========================= */

.category-page{
  background:#fff;
  padding:15px 0;
}

.category-title{
  font-size:22px;
  font-weight:700;
  margin:10px 0 18px;
  border-left:4px solid #c40000;
  padding-left:10px;
}

.category-posts{
  display:block;
}

.category-item{
  display:flex;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid #eee;
}

.category-thumb img{
  width:110px;
  height:75px;
  object-fit:cover;
  border-radius:4px;
}

.category-content h2{
  font-size:16px;
  line-height:1.4;
  margin:0 0 6px;
}

.category-content h2 a{
  color:#111;
}

.category-content p{
  font-size:13px;
  color:#555;
  margin:0;
  line-height:1.5;
}

/* Desktop polish */
@media(min-width:768px){

  .category-thumb img{
    width:160px;
    height:110px;
  }

  .category-content h2{
    font-size:18px;
  }

  .category-content p{
    font-size:14px;
  }
}
/* =========================
   SINGLE NEWS PAGE
========================= */

.single-page{
  background:#fff;
  padding:15px 0;
}

.single-category a{
  font-size:14px;
  font-weight:600;
  color:#c40000;
}

.single-title{
  font-size:24px;
  font-weight:700;
  line-height:1.35;
  margin:8px 0;
}

.single-meta{
  font-size:13px;
  color:#666;
  margin-bottom:10px;
}

/* Image */
.single-thumb img{
  width:100%;
  height:auto;
  border-radius:6px;
  margin:12px 0;
}

/* Video */
.single-video iframe{
  width:100%;
  aspect-ratio:16/9;
  border-radius:6px;
  margin:12px 0;
}

/* Content */
.single-content{
  font-size:16px;
  line-height:1.7;
  color:#111;
}

.single-content p{
  margin-bottom:14px;
}

/* Mobile tune */
@media(max-width:768px){

  .single-title{
    font-size:20px;
  }

  .single-content{
    font-size:15px;
  }
}
/* =========================
   SINGLE PAGE DESIGN
========================= */

.single-container{
  background:#fff;
  padding:15px;
  border-radius:6px;
}

.single-category a{
  font-size:14px;
  color:#0a7c5a;
  font-weight:600;
}

.single-title{
  font-size:22px;
  font-weight:700;
  margin:8px 0;
}

.single-meta{
  font-size:13px;
  color:#666;
  margin-bottom:10px;
}

.single-share{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.single-share a,
.single-share button{
  font-size:13px;
  padding:6px 10px;
  border-radius:4px;
  border:none;
  color:#fff;
  cursor:pointer;
}

.share-fb{background:#1877f2}
.share-wa{background:#25d366}
.share-x{background:#000}
.share-copy{background:#555}

.single-thumb img{
  width:100%;
  border-radius:6px;
  margin:12px 0;
}

.single-content{
  font-size:16px;
  line-height:1.7;
  color:#111;
}

.single-ad{
  background:#f2f2f2;
  padding:20px;
  margin:25px 0;
  text-align:center;
  font-size:14px;
}

.single-tags a{
  display:inline-block;
  background:#eee;
  padding:5px 10px;
  margin:5px 5px 0 0;
  font-size:13px;
}

.related-news{
  margin-top:30px;
}

.related-news h3{
  font-size:18px;
  margin-bottom:10px;
}

.related-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.related-item{
  display:flex;
  gap:8px;
  font-size:14px;
  color:#111;
}

.related-item img{
  width:70px;
  height:50px;
  object-fit:cover;
  border-radius:4px;
}

/* Mobile polish */
@media(max-width:768px){
  .single-title{font-size:20px}
  .related-list{grid-template-columns:1fr}
}
/* =========================
   NEWSPAPER PRINT – FINAL
========================= */
@media print {

  /* ===== BASE ===== */
  body{
    background:#fff !important;
    margin:0 !important;
    padding:0 !important;
    color:#000;
    font-family:"Times New Roman","Noto Serif Bengali",serif;
  }

  a{
    color:#000;
    text-decoration:none;
  }

  /* ===== HIDE NON PRINT ===== */
  .hamburger,
  .header-search,
  .header-category,
  .breaking-wrapper,
  .mobile-menu,
  .search-overlay,
  nav,
  button,
  .single-share,
  .related-news,
  .single-ad,
  iframe,
  video,
  .no-print{
    display:none !important;
  }

  /* ===== HEADER (CENTERED) ===== */
  header.site-header{
    position:static !important;
    border:none !important;
    width:100% !important;
  }

  .header-top{
    border:none !important;
  }

  .header-flex{
    justify-content:center !important;
  }

  .site-logo{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:20px 0 10px !important;
    text-align:center !important;
  }

  .site-logo img{
    max-height:70px;
    margin:0 auto !important;
  }

  /* ===== MAIN CONTENT ===== */
  main,
  .single-container{
    max-width:100% !important;
    padding:0 15mm !important;
  }

  /* ===== TITLE ===== */
  .single-title{
    font-size:30px;
    font-weight:700;
    line-height:1.3;
    margin:10px 0 6px;
    text-align:center;
  }

  /* ===== META ===== */
  .single-meta{
    font-size:14px;
    text-align:center;
    margin-bottom:18px;
    color:#333;
  }

  /* ===== FEATURE IMAGE ===== */
  .single-thumb{
    text-align:center;
    margin:15px 0;
  }

  .single-thumb img{
    max-width:100%;
    height:auto;
  }

  /* ===== CONTENT (NEWSPAPER COLUMNS) ===== */
  .single-content{
    font-size:17px;
    line-height:1.9;
    text-align:justify;

    column-count:2;
    column-gap:22px;
  }

  /* ===== DROP CAP ===== */
  .single-content p:first-of-type::first-letter{
    float:left;
    font-size:64px;
    line-height:0.9;
    font-weight:700;
    margin:6px 10px 0 0;
  }

  /* ===== PAGE SETUP ===== */
  @page{
    size:A4;
    margin:15mm;
  }

  img{
    page-break-inside:avoid;
  }

  p{
    orphans:3;
    widows:3;
  }

  /* ===== FOOTER (CENTERED) ===== */
  footer{
    display:block !important;
    width:100% !important;
    margin-top:35px !important;
    padding-top:12px !important;
    border-top:1px solid #999;
    text-align:center !important;
  }

  footer *{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}
/* =========================
   NEWSPAPER PRINT STYLE
========================= */
@media print {

  /* ===== BASE RESET ===== */
  body{
    background:#fff !important;
    padding:0 !important;
    margin:0;
    color:#000;
    font-family: "Times New Roman", "Noto Serif Bengali", serif;
  }

  a{
    color:#000;
    text-decoration:none;
  }

  /* ===== HIDE NON-PRINT ITEMS ===== */
  .hamburger,
  .header-search,
  .header-category,
  .breaking-wrapper,
  .mobile-menu,
  .search-overlay,
  nav,
  button,
  .single-share,
  .related-news,
  .comments-area,
  .no-print,
  iframe,
  video,
  .ad,
  .ads,
  .sidebar{
    display:none !important;
  }

  /* ===== HEADER LOGO ===== */
  header.site-header{
    position:static !important;
    border:none !important;
  }

  .header-top{
    border:none !important;
  }

  .site-logo{
    text-align:center;
    margin:20px 0 10px;
  }

  .site-logo img{
    max-height:70px;
  }

  /* ===== ARTICLE CONTAINER ===== */
  main,
  .site-main,
  .single-container{
    max-width:100% !important;
    padding:0 10mm !important;
  }

  /* ===== TITLE ===== */
  .single-title,
  h1{
    font-size:30px;
    font-weight:700;
    line-height:1.3;
    margin:10px 0 6px;
    text-align:center;
  }

  /* ===== META ===== */
  .single-meta{
    font-size:14px;
    text-align:center;
    margin-bottom:18px;
    color:#333;
  }

  /* ===== FEATURE IMAGE ===== */
  .single-thumb,
  .post-thumb{
    margin:15px 0;
    text-align:center;
  }

  .single-thumb img,
  .post-thumb img{
    max-width:100%;
    height:auto;
  }

  /* ===== CONTENT – NEWSPAPER COLUMN ===== */
  .single-content,
  .entry-content{
    font-size:17px;
    line-height:1.9;
    text-align:justify;

    column-count:2;
    column-gap:20px;
  }

  /* Mobile / narrow printer fallback */
  @page{
    size:A4;
    margin:15mm;
  }

  /* ===== IMAGES SAFETY ===== */
  img{
    page-break-inside:avoid;
    break-inside:avoid;
  }

  p{
    orphans:3;
    widows:3;
  }

  /* ===== FOOTER ===== */
  footer{
    display:block !important;
    border-top:1px solid #999;
    margin-top:30px;
    padding-top:10px;
    text-align:center;
    font-size:13px;
    color:#333;
  }

}
/* =========================
   PRINT BUTTON – SHARP FIX
========================= */

.print-btn,
.share-print,
button[onclick*="print"]{
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
    -webkit-font-smoothing: auto !important;
    font-smooth: auto !important;
}

/* Force vector rendering */
.print-btn,
.share-print{
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #333;
    background: #fff;
    color: #000;
}

/* Hide button in print (real print only) */
@media print{
    .print-btn,
    .share-print{
        display:none !important;
    }
}
/* =========================
   PRINT BUTTON – FINAL FIX
   (SCREEN VISIBLE + PRINT HIDDEN)
========================= */

/* === SCREEN VIEW === */
.print-btn,
.share-print{
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    background: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    cursor: pointer;

    /* remove blur */
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
}

/* hover (screen only) */
.print-btn:hover,
.share-print:hover{
    background: #f2f2f2;
}

/* === PRINT VIEW === */
@media print{
    .print-btn,
    .share-print{
        display: none !important;
    }
}
/* =========================
   PRINT BUTTON – VISIBILITY FIX
========================= */

/* SCREEN VIEW (DEFAULT) */
.print-btn,
.share-print{
    display: inline-flex !important;
    align-items: center;
    gap: 6px;

    padding: 8px 12px;
    font-size: 14px;
    font-weight: 600;

    background: #ffffff !important;
    color: #000000 !important;

    border: 1px solid #000000;
    border-radius: 4px;

    cursor: pointer;

    /* FORCE VISIBILITY */
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* HOVER – subtle but clear */
.print-btn:hover,
.share-print:hover{
    background: #f2f2f2 !important;
}

/* REMOVE ANY FADE / BLUR FROM ICON */
.print-btn i,
.share-print i{
    opacity: 1 !important;
    filter: none !important;
}

/* PRINT VIEW – HIDE BUTTON */
@media print{
    .print-btn,
    .share-print{
        display: none !important;
    }
}
/* =========================
   HOME – TOP NEWS
========================= */

.home-top-news{
    background:#fff;
    padding:15px 0;
}

.top-news-item{
    display:block;
}

.top-news-thumb img{
    width:100%;
    height:auto;
    border-radius:6px;
}

.top-news-content{
    margin-top:10px;
}

.top-news-category{
    font-size:14px;
    font-weight:600;
    color:#0a7c5a;
    margin-bottom:6px;
}

.top-news-title{
    font-size:28px;
    line-height:1.3;
    margin:0 0 8px;
}

.top-news-title a{
    color:#111;
}

.top-news-excerpt{
    font-size:16px;
    color:#555;
}

/* MOBILE */
@media(max-width:768px){
    .top-news-title{
        font-size:22px;
    }
}
/* ===============================
   HOME SECTION 02 – CATEGORY LIST
================================ */

.home-section-02{
    background:#fff;
    padding:15px 0;
    margin-top:12px;
}

.sec2-heading{
    font-size:22px;
    font-weight:700;
    margin:10px 0 18px;
    padding-left:10px;
    border-left:4px solid #0a7c5a;
}

/* Item */
.sec2-item{
    display:flex;
    gap:12px;
    padding:14px 0;
    border-bottom:1px solid #e5e5e5;
}

/* Thumbnail */
.sec2-thumb{
    flex:0 0 100px;
}

.sec2-thumb img{
    width:100px;
    height:75px;
    object-fit:cover;
    border-radius:4px;
}

/* Content */
.sec2-content{
    flex:1;
}

.sec2-title{
    font-size:18px;
    line-height:1.35;
    margin:0 0 6px;
    font-weight:700;
}

.sec2-title a{
    color:#111;
}

.sec2-excerpt{
    font-size:14px;
    color:#555;
    line-height:1.45;
    margin:0;
}

/* ===== MOBILE ===== */
@media(max-width:768px){

    .sec2-thumb{
        flex:0 0 80px;
    }

    .sec2-thumb img{
        width:80px;
        height:60px;
    }

    .sec2-title{
        font-size:16px;
    }

    .sec2-excerpt{
        font-size:13px;
    }
}
/* ===============================
   SECTION-02 – SHORTER DESCRIPTION
=============================== */

.sec2-excerpt{
  font-size:13px;          /* আগের 14px → ছোট */
  line-height:1.35;        /* কম height */
  color:#666;
  
  display:-webkit-box;
  -webkit-line-clamp:2;    /* শুধু 2 লাইন */
  -webkit-box-orient:vertical;
  overflow:hidden;
}
/* ===============================
   LIVE TV SECTION
================================ */

.home-live-tv{
  width:100%;
  max-width:720px;
  margin:20px auto;
  padding:0 12px;
}

.live-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:18px;
  font-weight:700;
  color:#d60000;
  margin-bottom:10px;
}

.live-dot{
  width:10px;
  height:10px;
  background:#d60000;
  border-radius:50%;
  position:relative;
}

.live-dot::after{
  content:'';
  position:absolute;
  inset:-6px;
  background:rgba(214,0,0,.35);
  border-radius:50%;
  animation:livePulse 1.4s infinite;
}

@keyframes livePulse{
  0%{transform:scale(.6);opacity:.8}
  70%{transform:scale(1.4);opacity:0}
  100%{opacity:0}
}

.home-live-tv .live-video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  background:#000;
  border-radius:6px;
  overflow:hidden;
}

.home-live-tv iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
/* ===============================
   HOME 2x2 GRID NEWS
================================ */

.home-grid-2x2{
    background:#fff;
    padding:12px 0;
}

.grid-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}

.grid-item{
    background:#fff;
}

.grid-thumb img{
    width:100%;
    height:120px;
    object-fit:cover;
    border-radius:6px;
}

.grid-title{
    font-size:14px;
    font-weight:700;
    line-height:1.3;
    margin:6px 0 0;
    color:#111;
}

/* Tablet */
@media(min-width:768px){
    .grid-wrapper{
        grid-template-columns:repeat(3,1fr);
    }
}

/* Desktop */
@media(min-width:1024px){
    .grid-wrapper{
        grid-template-columns:repeat(4,1fr);
    }

    .grid-thumb img{
        height:160px;
    }
}
/* ===============================
   GRID CATEGORY LABEL
================================ */

.grid-thumb{
    position:relative;
}

.grid-cat{
    position:absolute;
    top:6px;
    left:6px;
    background:#c40000;
    color:#fff;
    font-size:11px;
    font-weight:600;
    padding:3px 6px;
    border-radius:3px;
    z-index:2;
}
/* =========================
   MULTI CATEGORY LIST NEWS
========================= */

.home-multi-list{
  background:#fff;
  padding:10px 0;
}

.list-news-item{
  border-bottom:1px solid #eee;
  padding:12px 0;
}

.list-news-item a{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.list-thumb img{
  width:80px;
  height:60px;
  object-fit:cover;
  border-radius:4px;
  flex-shrink:0;
}

.list-text{
  flex:1;
}

.list-title{
  font-size:17px;
  font-weight:700;
  line-height:1.3;
  margin-bottom:4px;
}

.list-excerpt{
  font-size:14px;
  color:#555;
  line-height:1.4;
}

/* Mobile tune */
@media(max-width:768px){
  .list-thumb img{
    width:70px;
    height:55px;
  }
  .list-title{
    font-size:16px;
  }
  .list-excerpt{
    font-size:13px;
  }
}
/* ===== ADS STYLE ===== */
.ajker-ad-box{
  margin: 15px auto;
  max-width: 720px;
  position: relative;
}

.ajker-ad-box img{
  width:100%;
  height:auto;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.ad-label{
  position:absolute;
  top:6px;
  left:6px;
  background:rgba(0,0,0,.7);
  color:#fff;
  font-size:12px;
  padding:3px 8px;
  border-radius:4px;
  z-index:2;
}
/* =====================
   SINGLE PAGE ADS
===================== */

.single-ad-box{
  margin:25px 0;
  padding:10px;
  background:#fff;
  border-radius:8px;
  text-align:center;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.single-ad-box img,
.single-ad-box video{
  max-width:100%;
  height:auto;
  border-radius:6px;
}

.ad-label{
  display:block;
  font-size:12px;
  color:#777;
  margin-bottom:6px;
}
/* =========================
   SINGLE PAGE 2x2 GRID NEWS
========================= */
.single-grid-news{
  margin:30px 0;
}

.single-grid-title{
  font-size:20px;
  font-weight:700;
  margin-bottom:12px;
}

.single-grid-wrap{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.single-grid-item{
  background:#fff;
  border-radius:6px;
  overflow:hidden;
}

.single-grid-thumb{
  position:relative;
}

.single-grid-thumb img{
  width:100%;
  height:120px;
  object-fit:cover;
}

.single-grid-cat{
  position:absolute;
  left:6px;
  bottom:6px;
  background:#c40000;
  color:#fff;
  font-size:11px;
  padding:3px 6px;
  border-radius:3px;
}

.single-grid-heading{
  font-size:14px;
  font-weight:700;
  padding:8px;
  line-height:1.4;
}
.site-footer{
  background:#0b0b0b;
  color:#ddd;
  font-size:14px;
}

.footer-inner{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  padding:30px 0;
}

.footer-col h4{
  margin-bottom:10px;
  color:#fff;
}

.footer-col ul{
  list-style:none;
}

.footer-col ul li{
  margin-bottom:6px;
}

.footer-col a{
  color:#bbb;
}

.footer-social a{
  display:inline-block;
  margin-right:10px;
}

.footer-bottom{
  text-align:center;
  padding:15px;
  background:#000;
  font-size:13px;
}

.footer-bottom a{
  color:#0fb9b1;
}

@media(max-width:768px){
  .footer-inner{
    grid-template-columns:1fr;
    text-align:center;
  }
}
/* SIMPLE FOOTER */

.simple-footer{
 background:#fff;
 border-top:1px solid #ddd;
 padding:18px 10px 10px;
 text-align:center;
}

.footer-menu{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:14px;
 list-style:none;
 margin:0 0 8px;
 padding:0;
}

.footer-menu a{
 font-size:14px;
 color:#111;
}

.footer-social{
 margin:6px 0;
}

.footer-social a{
 margin:0 6px;
 font-size:14px;
 color:#111;
}

.footer-bottom{
 font-size:13px;
 color:#444;
 margin-top:6px;
}

.footer-bottom a{
 color:#0a7c5a;
 font-weight:600;
}
/* =========================
   STAFF LIST GRID (FIXED)
========================= */

.staff-list-page {
  padding: 40px 20px;
}

.staff-grid {
  max-width: 1300px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* DESKTOP DEFAULT */
  gap: 25px;
}
.staff-item {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden; /* VERY IMPORTANT */
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.staff-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}
.staff-item img {
  width: 100%;
  height: 260px;
  object-fit: cover;   /* image কাটবে না */
  display: block;
}
.staff-item h3 {
  padding: 15px 10px 20px;
  font-size: 18px;
  font-weight: 600;
  color: #111;
}
@media (max-width: 1024px) {
  .staff-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .staff-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }

  .staff-item img {
    height: 220px;
  }

  .staff-item h3 {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .staff-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* ===== SINGLE STAFF PAGE ===== */

.single-staff-page {
  padding: 40px 15px;
}

.staff-profile {
  max-width: 1000px;
  margin: auto;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
  display: flex;
  gap: 40px;
  padding: 40px;
  align-items: flex-start;
}

/* IMAGE SAFE ZONE */
.staff-photo {
  flex: 0 0 320px;
}

.staff-photo img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

/* TEXT AREA */
.staff-info {
  flex: 1;
}

.staff-info h1 {
  font-size: 30px;
  margin-bottom: 15px;
}

.staff-info p {
  font-size: 16px;
  margin-bottom: 10px;
  color: #444;
}

.staff-info a {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 18px;
  background: #1877f2;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
}

.staff-info a:hover {
  background: #0f5ecb;
}
@media (max-width: 768px) {

  .staff-profile {
    flex-direction: column;
    padding: 25px;
    gap: 25px;
    text-align: center;
  }

  .staff-photo {
    flex: none;
    width: 100%;
  }

  .staff-photo img {
    height: auto;
    max-height: 420px;
  }

  .staff-info h1 {
    font-size: 26px;
  }
}
/* =========================
   STAFF LIST – MOBILE IMAGE FIX
========================= */

@media (max-width: 768px) {

  .staff-item img {
    width: 100%;
    height: auto;              /* IMPORTANT */
    max-height: 260px;         /* safe height */
    object-fit: contain;       /* NO CROP */
    background: #f5f5f5;       /* white gap সুন্দর দেখাবে */
  }

  .staff-item {
    padding-top: 10px;
  }
}
@media (max-width: 768px) {

  .staff-item img {
    aspect-ratio: 3 / 4;   /* portrait ratio */
    object-fit: contain;
    background: #f2f2f2;
  }
}

/* =========================
   CATEGORY PAGE – 3 LAYER
========================= */

.category-page {
  padding: 8px;
}

/* TITLE */
.category-title-main {
  font-size: 22px;
  color: #0b7a6a;
  border-bottom: 2px solid #ddd;
  margin-bottom: 10px;
}

/* LEAD NEWS */
.cat-lead img {
  width: 100%;
  height: auto;
}

.cat-lead h2 {
  font-size: 20px;
  margin: 8px 0;
  font-weight: 700;
  color: #e39b00;
}

/* GRID 2x2 */
.cat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin: 12px 0;
}

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

.grid-item h3 {
  font-size: 14px;
  margin-top: 6px;
  font-weight: 600;
}

/* LIST NEWS */
.cat-list {
  margin-top: 10px;
}

.list-item {
  display: flex;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.list-thumb {
  width: 90px;
  height: 60px;
  flex-shrink: 0;
}

.list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-text h4 {
  font-size: 14px;
  line-height: 1.35;
  margin: 0;
}

/* FLAT LOOK */
a {
  text-decoration: none;
  color: #222;
}
/* =========================
   FOOTER COLOR FIX
========================= */

.site-footer,
footer{
    background: #f2f2f2;   /* গাঢ় সাদা */
    color: #222;
}
.site-footer a,
footer a{
    color: #0a7c5f;
    text-decoration: none;
}

.site-footer a:hover,
footer a:hover{
    color: #055a44;
}
.footer-bottom{
    background: #e6e6e6;
    color: #333;
}
/* ===============================
   CATEGORY ADS – PREMIUM DESIGN
================================ */

.category-ad-box {
    margin: 22px 0;
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
    position: relative;
    animation: adFadeUp .6s ease forwards;
}

/* Fade + slide animation */
@keyframes adFadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Sponsored label */
.category-ad-box .ad-label {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 20px;
    z-index: 2;
    letter-spacing: .4px;
}

/* Ad image / video */
.category-ad-box img,
.category-ad-box video {
    width: 100%;
    height: auto;
    display: block;
}

/* Hover effect */
.category-ad-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 38px rgba(0,0,0,0.18);
    transition: .3s ease;
}

/* Mobile spacing */
@media (max-width: 768px) {
    .category-ad-box {
        margin: 18px 0;
        border-radius: 12px;
    }
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}
.category-layout {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.category-main {
    width: 70%;
}

.category-sidebar {
    width: 30%;
}

/* Mobile */
@media (max-width: 991px) {
    .category-layout {
        flex-direction: column;
    }

    .category-main,
    .category-sidebar {
        width: 100%;
    }
}
.cat-lead h2 {
    font-size: 28px;
    line-height: 1.35;
}

.cat-lead img {
    border-radius: 12px;
}
.cat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.grid-item h3 {
    font-size: 18px;
    line-height: 1.4;
}
.list-item {
    display: flex;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.list-text h4 {
    font-size: 17px;
    line-height: 1.45;
}
.sidebar-box {
    background: #fff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

.sidebar-post {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 14px;
}
/* Full width wrapper */
.full-width {
    width: 100%;
}

/* Inner content container */
.inner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}
/* ================================
   GLOBAL DESKTOP LAYOUT FIX
================================ */

/* Full width sections */
.site-header,
.header-top,
.header-category,
.ajker-breaking-bar {
    width: 100%;
}

/* Container fix (desktop centered) */
.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

/* Header flex fix */
.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* ================================
   DESKTOP CONTENT WIDTH FIX
================================ */

@media (min-width: 1024px) {

    body {
        overflow-x: hidden;
    }

    /* All main sections centered */
    .category-page,
    .home-page,
    .site-main,
    .page-content {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 16px;
    }

}
/* ===== GLOBAL RESET ===== */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}
/* ===== HEADER TOP FIX ===== */
.site-header {
    margin: 0;
    padding: 0;
}

.header-top {
    padding: 6px 0; /* আগে বেশি ছিল */
}

.header-flex {
    min-height: unset;
    line-height: normal;
}
.site-logo img {
    max-height: 42px;
    height: auto;
    display: block;
}

.hamburger,
.header-search {
    padding: 6px;
    line-height: 1;
}
/* ===== MOBILE GRID FIX ===== */
@media (max-width: 768px) {

    .category-page,
    .home-page,
    .site-main {
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    img {
        max-width: 100%;
        height: auto;
    }

}
/* ===== DESKTOP STABILITY ===== */
@media (min-width: 1024px) {

    .container {
        max-width: 1200px;
        width: 100%;
    }

    body {
        zoom: 1;
    }

}
/* =========================
   FINAL BREAKING / NOTICE BAR (EDGE FIX)
========================= */

.ajker-breaking-bar{
    width:100%;
    background:#c40000;
    overflow:hidden;
}

.breaking-flex{
    display:flex;
    align-items:center;
    height:42px;
}

/* LEFT NOTICE */
.breaking-title{
    background:#000;
    color:#fff;
    padding:0 18px;
    height:100%;
    display:flex;
    align-items:center;
    font-weight:700;
    white-space:nowrap;
    flex-shrink:0;
}

/* SCROLL AREA */
.breaking-scroll{
    flex:1;
    overflow:hidden;
    position:relative;
}

/* TRACK – START FROM RIGHT EDGE */
.breaking-track{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;

    transform: translateX(100%);
    animation: breakingScroll linear infinite;
}

/* ITEM */
.breaking-item{
    margin-right:40px;
}

.breaking-item a{
    color:#fff;
    font-size:14px;
    text-decoration:none;
}

/* SPEED */
.scroll-slow .breaking-track{ animation-duration:60s; }
.scroll-normal .breaking-track{ animation-duration:45s; }
.scroll-fast .breaking-track{ animation-duration:35s; }

/* ANIMATION */
@keyframes breakingScroll{
    from{ transform:translateX(100%); }
    to{ transform:translateX(-100%); }
}

/* MOBILE */
@media(max-width:768px){
    .breaking-title{ font-size:13px; padding:0 12px; }
    .breaking-item a{ font-size:13px; }
}
/* =========================
   STICKY HEADER – FINAL
========================= */

.sticky-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#fff;
}

/* BODY OFFSET */
body{
    padding-top:140px; /* header + menu + notice */
}
/* =====================================================
   HEADER LOGO AUTO SIZE CONTROL (SAFE ADDON)
   Paste at the END of main.css
===================================================== */

/* Logo container */
.site-logo {
    height: 56px;
    max-width: 220px;
    display: flex;
    align-items: center;
}

/* Logo image (WordPress default) */
.site-logo img,
.custom-logo-link img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Desktop adjustment */
@media (min-width: 992px) {
    .site-logo {
        height: 60px;
        max-width: 240px;
    }
}

/* Mobile adjustment */
@media (max-width: 768px) {
    .site-logo {
        height: 42px;
        max-width: 180px;
    }
}

/* Prevent header height breaking */
.header-top {
    min-height: 64px;
}

/* Center logo, menu & icons properly */
.header-flex {
    align-items: center;
}
/* =========================
   CONTENT COPY PROTECTION
========================= */

.no-copy,
.no-copy * {
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;         /* Standard */
    -webkit-touch-callout: none; /* Mobile long press */
}
/* Mobile long press hard block */
.no-copy img,
.no-copy p,
.no-copy span {
    pointer-events: none;
}
/* Sticky Mobile Footer Scroll */
.ajker-footer-scroll {
    display: none;
}

@media (max-width: 768px) {

    .ajker-footer-scroll {
        display: flex;
        align-items: center;
        background: #b00000;
        color: #fff;
        padding: 8px 10px;
        font-size: 14px;

        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 9999;
    }

    .ajker-footer-scroll .scroll-title {
        font-weight: bold;
        margin-right: 10px;
        white-space: nowrap;
        flex-shrink: 0;
    }

    .ajker-footer-scroll .scroll-text {
        overflow: hidden;
        flex: 1;
    }

    .ajker-footer-scroll .scroll-text span {
        display: inline-block;
        white-space: nowrap;
        animation: ajkerScroll linear infinite;
    }

    @keyframes ajkerScroll {
        from { transform: translateX(100%); }
        to   { transform: translateX(-100%); }
    }

    /* ✅ Prevent content overlap */
    body {
        padding-bottom: 45px;
    }
}
/* =================================
   LIST NEWS – CROP FIX ONLY
================================= */

/* Desktop → সুন্দর crop */
@media (min-width: 769px){

  .list-thumb img{
    width:80px;
    height:60px;
    object-fit:cover;
  }

}

/* Mobile → পুরো ছবি */
@media (max-width: 768px){

  .list-thumb{
    width:80px;
    height:auto;
  }

  .list-thumb img{
    width:100%;
    height:auto !important;
    object-fit:contain !important;
    background:#f5f5f5;
  }

}
/* ===================================
   STAFF LIST – DESKTOP NO CROP FIX
=================================== */

@media (min-width: 769px){

  .staff-item img{
    height: auto !important;        /* fixed height বাদ */
    max-height: 320px;              /* খুব বড় না হয় */
    object-fit: contain !important; /* no crop */
    background: #f5f5f5;            /* gap সুন্দর দেখাবে */
    padding: 10px;                  /* breathing space */
  }

}
/* =========================
HOME VIDEO SECTION
========================= */

.home-video-news{
padding:40px 0;
background:#f7f7f7;
}

.video-title{
font-size:26px;
font-weight:800;
margin-bottom:25px;
position:relative;
display:inline-block;
}

.video-title::after{
content:'';
position:absolute;
left:0;
bottom:-6px;
width:80px;
height:4px;
background:linear-gradient(90deg,#ff0000,#ff7a00);
border-radius:3px;
}

/* GRID */

.video-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

/* CARD */

.video-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 25px rgba(0,0,0,.08);
transition:all .3s ease;
}

.video-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 40px rgba(0,0,0,.15);
}

/* THUMB */

.video-thumb{
position:relative;
padding-top:56.25%;
overflow:hidden;
}

.video-thumb img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.video-card:hover img{
transform:scale(1.08);
}

/* PLAY ICON */

.play-icon{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:60px;
height:60px;
background:rgba(0,0,0,.6);
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
transition:.3s;
}

.video-card:hover .play-icon{
background:#ff0000;
}

/* TITLE */

.video-card h3{
font-size:15px;
padding:12px;
line-height:1.4;
}

/* MORE BUTTON */

.video-more{
text-align:center;
margin-top:25px;
}

.video-more a{
background:linear-gradient(90deg,#ff0000,#ff7a00);
color:#fff;
padding:10px 22px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:.3s;
}

.video-more a:hover{
opacity:.9;
}

/* MOBILE */

@media(max-width:768px){

.video-grid{
grid-template-columns:repeat(2,1fr);
}

}
/* =========================
VIDEO ARCHIVE PAGE
========================= */

.video-archive{
padding:40px 0;
}

.video-archive h1{
font-size:30px;
font-weight:800;
margin-bottom:30px;
border-left:5px solid #ff0000;
padding-left:10px;
}

/* GRID */

.video-archive .video-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

/* CARD */

.video-archive .video-card{
background:#fff;
border-radius:12px;
overflow:hidden;
box-shadow:0 6px 20px rgba(0,0,0,.08);
transition:.3s;
}

.video-archive .video-card:hover{
transform:translateY(-5px);
}

/* THUMB */

.video-archive .video-thumb{
position:relative;
padding-top:56%;
overflow:hidden;
}

.video-archive img{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
}

/* PLAY ICON */

.video-archive .play-icon{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:55px;
height:55px;
background:rgba(0,0,0,.65);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:20px;
}

/* TITLE */

.video-archive h3{
font-size:16px;
padding:12px;
line-height:1.5;
}

/* RESPONSIVE */

@media(max-width:992px){

.video-archive .video-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.video-archive .video-grid{
grid-template-columns:repeat(2,1fr);
}

}
/* =========================
SINGLE VIDEO PAGE
========================= */

.single-video-page{
max-width:900px;
margin:auto;
padding:40px 0;
}

/* TITLE */

.single-video-page h1{
font-size:28px;
font-weight:800;
margin-bottom:20px;
}

/* PLAYER */

.video-player{
position:relative;
padding-top:56.25%;
background:#000;
border-radius:12px;
overflow:hidden;
margin-bottom:25px;
}

.video-player iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* DESCRIPTION */

.single-video-page p{
font-size:16px;
line-height:1.7;
color:#333;
margin-bottom:30px;
}

/* RELATED TITLE */

.single-video-page h3{
font-size:22px;
font-weight:700;
margin-bottom:20px;
border-bottom:3px solid #ff0000;
display:inline-block;
padding-bottom:4px;
}

/* RELATED GRID */

.single-video-page .video-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

/* RELATED CARD */

.single-video-page .video-grid a{
display:block;
text-decoration:none;
color:#111;
}

.single-video-page .video-grid img{
width:100%;
border-radius:10px;
}

.single-video-page .video-grid p{
font-size:14px;
margin-top:6px;
}

/* RESPONSIVE */

@media(max-width:768px){

.single-video-page .video-grid{
grid-template-columns:repeat(2,1fr);
}

}
.video-thumb{
position:relative;
padding-top:56.25%;
overflow:hidden;
background:#eee;
}

.video-thumb img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}
.single-reporter{
display:flex;
align-items:center;
gap:10px;
margin:10px 0 15px;
}

.single-reporter img{
width:45px;
height:45px;
border-radius:50%;
object-fit:cover;
}

.reporter-info{
display:flex;
flex-direction:column;
}

.reporter-info a{
text-decoration:none;
color:#222;
font-size:14px;
}

.reporter-info small{
font-size:12px;
color:#777;
}