/* ============================================================
   দৈনিক বাংলাদেশ — Responsive refinements
   Complements the breakpoints in custom.css. Targets the CURRENT
   theme markup (.main-navbar, .site-header, .site-footer, .single-*).
   Loaded after custom.css.
   ============================================================ */

/* ---- Global safety: media never overflows, no sideways scroll ---- */
img,
iframe,
video,
embed,
object {
   max-width: 100%;
}

.single-content table {
   display: block;
   width: 100%;
   overflow-x: auto;            /* wide tables scroll instead of breaking layout */
   -webkit-overflow-scrolling: touch;
}

/* ============================================================
   TABLET & below (≤ 991.98px)
   ============================================================ */
@media (max-width: 991.98px) {

   html,
   body {
      overflow-x: hidden;        /* kill accidental horizontal scroll on phones */
   }

   /* Header: center the logo */
   .site-header .logo-wrap {
      text-align: center;
   }
}

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

   /* Typography scales down a touch */
   .single-title {
      font-size: 1.5rem;
      line-height: 1.5;
   }
   .section-title {
      font-size: 1.3rem;
   }
   .breadcrumb {
      font-size: 11px;
   }

   /* Single post: center the meta / share rows */
   .single-top-meta,
   .single-footer-bar .single-meta,
   .single-footer-bar .single-share {
      justify-content: center;
   }

   /* Author box stacks & centers */
   .author-box {
      text-align: center;
   }
   .author-box__more {
      justify-content: center;
   }

   /* Footer: center everything on small screens */
   .footer-bottom .row > div {
      text-align: center !important;
   }
   .footer-editorial__item {
      display: block;
      margin: 4px 0;
   }

   /* More-news read-more goes full width for easier tapping */
   .more-news-readmore {
      width: 100%;
      justify-content: center;
   }
}

/* ============================================================
   SMALL PHONES (≤ 575.98px)
   ============================================================ */
@media (max-width: 575.98px) {

   /* Tighter side padding = more reading width */
   .container-fluid.px-4 {
      padding-left: 12px !important;
      padding-right: 12px !important;
   }

   /* Reading-time meta wraps neatly */
   .single-top-meta {
      gap: 10px;
      font-size: 12px;
   }
}