/* ============================================================
   THEME 3 — "ব্রডশিট" (Broadsheet)
   Modelled on the protidinersangbad.com look: a clean white
   newspaper page — centred wordmark, hairline rules instead of
   card borders, a serif Bengali headline face, red section
   accents and a cyan utility colour.

   Scoped entirely under body.theme-3 so Themes 1/2/4 are never
   affected. Loaded after the page's inline <style>, so it wins
   (with !important only where an inline style="" needs beating).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@500;600;700;800&family=Hind+Siliguri:wght@400;500;600;700&display=swap');

:root {
    --t3-bg:        #ffffff;
    --t3-surface:   #ffffff;
    --t3-ink:       #11151a;   /* near-black headline ink */
    --t3-body:      #3d4650;   /* excerpt grey */
    --t3-muted:     #7a8792;
    --t3-brand:     #d1002a;   /* masthead red */
    --t3-brand-d:   #a30020;
    --t3-cyan:      #00a3e0;   /* ticker label / buttons */
    --t3-rule:      #e3e7ea;   /* hairline rules */
    --t3-rule-dark: #c8ced3;
}

/* ---- Base ---- */
body.theme-3 {
    background: var(--t3-bg) !important;
    color: var(--t3-body);
    font-family: 'Hind Siliguri', 'SolaimanLipi', 'Noto Sans Bengali', sans-serif !important;
    font-size: 17px;
    line-height: 1.7;
}
body.theme-3 h1, body.theme-3 h2, body.theme-3 h3,
body.theme-3 h4, body.theme-3 h5,
body.theme-3 .cat-title, body.theme-3 .section-title,
body.theme-3 .breaking-headline, body.theme-3 .slide-headline,
body.theme-3 .main-featured-headline, body.theme-3 .right-section-title {
    font-family: 'Noto Serif Bengali', 'SolaimanLipi', serif !important;
    color: var(--t3-ink);
    letter-spacing: 0;
}
body.theme-3 a { color: inherit; }
body.theme-3 a:hover { color: var(--t3-brand); }

/* ---- Masthead: centred wordmark on white ---- */
body.theme-3 .primary-header-wrapper {
    background: #fff !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--t3-rule);
}
body.theme-3 .header-top-section { padding: 10px 0; }
body.theme-3 .header-content-flex {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
body.theme-3 .brand-logo-container {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;   /* wordmark sits centred like the reference */
}
body.theme-3 .logo-image-element { max-height: 82px; width: auto; }
body.theme-3 .header-action-group { flex: 0 0 auto; }
body.theme-3 .date-info-display {
    color: var(--t3-muted);
    font-size: 14px;
    font-weight: 500;
}
body.theme-3 .search-input-box {
    border: 1px solid var(--t3-rule-dark) !important;
    border-radius: 999px;
    background: #fff;
}
body.theme-3 .search-field-input { background: transparent; }

/* ---- Navigation: hairline bar, red active state ---- */
body.theme-3 .main-navigation-section,
body.theme-3 .nav-content-container {
    background: #fff !important;
    border-top: 1px solid var(--t3-rule);
    border-bottom: 2px solid var(--t3-rule-dark) !important;
    box-shadow: none !important;
}
body.theme-3 .primary-nav-menu {
    justify-content: center;
    flex-wrap: wrap;
}
body.theme-3 .nav-menu-item { border: none !important; }
body.theme-3 .nav-link-element {
    color: var(--t3-ink) !important;
    font-family: 'Noto Serif Bengali', serif !important;
    font-weight: 600;
    font-size: 1.02rem !important;
    padding: 12px 14px !important;
    position: relative;
    background: transparent !important;
}
body.theme-3 .nav-link-element:hover,
body.theme-3 .nav-link-element.active {
    color: var(--t3-brand) !important;
}
/* Red underline grows from the middle on hover */
body.theme-3 .nav-link-element::after {
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 3px;
    background: var(--t3-brand);
    transition: left .22s ease, right .22s ease;
}
body.theme-3 .nav-link-element:hover::after,
body.theme-3 .nav-link-element.active::after { left: 12px; right: 12px; }

/* ---- Ticker: cyan label block, thin blue frame ---- */
body.theme-3 .news-ticker {
    background: #fff !important;
    border: 1px solid var(--t3-cyan) !important;
    border-radius: 2px;
    overflow: hidden;
}
body.theme-3 .ticker-label {
    background: var(--t3-cyan) !important;
    color: #fff !important;
    font-family: 'Noto Serif Bengali', serif !important;
    font-weight: 700;
    letter-spacing: .3px;
}
body.theme-3 .ticker-move a,
body.theme-3 .ticker-container a { color: var(--t3-ink) !important; }
body.theme-3 .ticker-move a:hover { color: var(--t3-brand) !important; }

/* ---- Cards become rule-separated columns, not boxes ---- */
body.theme-3 .breaking-news-box,
body.theme-3 .right-news-list,
body.theme-3 .grid-card,
body.theme-3 .center-news-card,
body.theme-3 .news-item,
body.theme-3 .latest-news-card,
body.theme-3 .cat-section,
body.theme-3 .main-featured {
    background: var(--t3-surface);
    border: none !important;
    border-radius: 0;
    box-shadow: none !important;
}
body.theme-3 .left-news-item,
body.theme-3 .right-news-item,
body.theme-3 .right-news-with-thumb {
    border-bottom: 1px solid var(--t3-rule) !important;
    border-radius: 0;
}
body.theme-3 .left-news-item:last-child,
body.theme-3 .right-news-item:last-child { border-bottom: none !important; }

body.theme-3 .breaking-badge {
    background: var(--t3-brand) !important;
    color: #fff !important;
    border-radius: 2px;
    font-family: 'Hind Siliguri', sans-serif !important;
    letter-spacing: .3px;
}
body.theme-3 .breaking-headline a,
body.theme-3 .breaking-headline { color: var(--t3-ink) !important; }
body.theme-3 .breaking-desc,
body.theme-3 .main-featured-desc,
body.theme-3 .slide-desc { color: var(--t3-body) !important; }

/* Images: square-cut like newsprint */
body.theme-3 .grid-card img,
body.theme-3 .center-news-card img,
body.theme-3 .latest-news-card img,
body.theme-3 .main-featured-image img,
body.theme-3 .left-news-thumb img,
body.theme-3 .hero-slider .slide img {
    border-radius: 2px !important;
}

/* ---- Section titles: red word + full-width rule ---- */
body.theme-3 .cat-title,
body.theme-3 .section-title,
body.theme-3 .right-section-title,
body.theme-3 .latest-news-header h2 {
    color: var(--t3-brand) !important;
    font-size: 1.45rem !important;
    font-weight: 700;
    border-bottom: 3px solid var(--t3-brand) !important;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 14px;
}

/* ---- Hero slider: caption plate over the photo ---- */
body.theme-3 .hero-slider {
    border: none !important;
    border-radius: 2px;
    box-shadow: none !important;
}
body.theme-3 .slide-overlay {
    background: linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.35) 55%, transparent) !important;
}
body.theme-3 .slide-headline {
    color: #fff !important;
    font-size: 1.6rem !important;
    line-height: 1.35 !important;
}
body.theme-3 .slide-desc { color: #e8ecef !important; }

/* ---- Right rail: tabbed panel + cyan action button ---- */
body.theme-3 .right-news-list {
    border: 1px solid var(--t3-rule) !important;
    border-radius: 2px;
    padding: 12px 14px;
}
body.theme-3 .right-section-title {
    display: block;
    border-bottom: 2px solid var(--t3-rule-dark) !important;
    color: var(--t3-ink) !important;
    font-size: 1.15rem !important;
}
body.theme-3 .item-meta,
body.theme-3 .left-news-meta { color: var(--t3-muted) !important; font-size: 12.5px; }
body.theme-3 .ad-label { color: var(--t3-muted) !important; letter-spacing: 1px; }
body.theme-3 .load-more-latest-btn {
    background: var(--t3-cyan) !important;
    border-radius: 2px !important;
    font-weight: 600;
}

/* ---- Category grids: three across, hairline separated ---- */
body.theme-3 .center-news-grid,
body.theme-3 .latest-news-grid,
body.theme-3 .cat-layout-1,
body.theme-3 .cat-layout-2,
body.theme-3 .cat-layout-3,
body.theme-3 .cat-layout-4,
body.theme-3 .cat-layout-5,
body.theme-3 .cat-layout-6 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}
body.theme-3 .cat-section { border-top: 1px solid var(--t3-rule); padding-top: 22px; }

/* ---- Footer: dark slate, not black ---- */
body.theme-3 .footer-wrapper {
    background: #16202a !important;
    color: #d5dce2;
    border-top: 4px solid var(--t3-brand) !important;
}
body.theme-3 .footer-logo {
    background: #ffffff !important;
    padding: 10px 18px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
}
body.theme-3 .footer-description-section {
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.10);
}
body.theme-3 .footer-description-section p,
body.theme-3 .footer-links ul li a,
body.theme-3 .footer-contact-row span,
body.theme-3 .footer-contact-row span a,
body.theme-3 .editorial-board-footer,
body.theme-3 .editorial-board-footer .editorial-row { color: #d5dce2 !important; }
body.theme-3 .footer-links ul li a:hover,
body.theme-3 .footer-contact-row span a:hover { color: #ff8fa3 !important; }
body.theme-3 .footer-links { border-bottom-color: rgba(255,255,255,.12) !important; }
body.theme-3 .footer-contact-row { border-color: rgba(255,255,255,.12) !important; }
body.theme-3 .footer-bottom {
    background: rgba(0,0,0,.3) !important;
    border-top: 1px solid rgba(255,255,255,.10);
}
body.theme-3 .footer-copyright p,
body.theme-3 .footer-editor p { color: #b9c3cb !important; }
body.theme-3 .footer-editor p strong,
body.theme-3 .editorial-board-footer strong { color: #fff !important; }
body.theme-3 .editorial-board-footer h4 { color: #ff8fa3 !important; }

/* ---- Article page ---- */
body.theme-3 .news-content-body,
body.theme-3 .news-content-body p,
body.theme-3 .news-content-body div,
body.theme-3 .news-content-body li {
    text-align: justify !important;
    color: #1c2229 !important;
}
body.theme-3 .site-ad-slot { background: #fafbfc; border: 1px dashed var(--t3-rule-dark); padding: 8px; }
body.theme-3 .division-chip.active { background: var(--t3-brand); border-color: var(--t3-brand); }
body.theme-3 .division-filter-label { color: var(--t3-brand); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1200px) {
    body.theme-3 .center-news-grid,
    body.theme-3 .latest-news-grid,
    body.theme-3 .cat-layout-1,
    body.theme-3 .cat-layout-2,
    body.theme-3 .cat-layout-3,
    body.theme-3 .cat-layout-4,
    body.theme-3 .cat-layout-5,
    body.theme-3 .cat-layout-6 { gap: 18px !important; }
}

@media (max-width: 992px) {
    body.theme-3 { font-size: 16px; }
    body.theme-3 .logo-image-element { max-height: 60px; }
    body.theme-3 .brand-logo-container { justify-content: flex-start; }
    body.theme-3 .primary-nav-menu { justify-content: flex-start; }
    body.theme-3 .center-news-grid,
    body.theme-3 .latest-news-grid,
    body.theme-3 .cat-layout-1,
    body.theme-3 .cat-layout-2,
    body.theme-3 .cat-layout-3,
    body.theme-3 .cat-layout-4,
    body.theme-3 .cat-layout-5,
    body.theme-3 .cat-layout-6 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    body.theme-3 .slide-headline { font-size: 1.25rem !important; }
}

@media (max-width: 600px) {
    body.theme-3 { font-size: 16px; }
    body.theme-3 .logo-image-element { max-height: 46px; }
    body.theme-3 .header-content-flex { gap: 8px; }
    body.theme-3 .date-info-display { display: none; }  /* no room beside the wordmark */
    body.theme-3 .center-news-grid,
    body.theme-3 .latest-news-grid,
    body.theme-3 .cat-layout-1,
    body.theme-3 .cat-layout-2,
    body.theme-3 .cat-layout-3,
    body.theme-3 .cat-layout-4,
    body.theme-3 .cat-layout-5,
    body.theme-3 .cat-layout-6 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    body.theme-3 .cat-title,
    body.theme-3 .section-title { font-size: 1.2rem !important; }
    body.theme-3 .slide-headline { font-size: 1.05rem !important; }
    body.theme-3 .right-news-list { padding: 10px 12px; }
    body.theme-3 .nav-link-element { padding: 10px 12px !important; font-size: .96rem !important; }
}

/* ============================================================
   THEME 3 on the rebuilt homepage (home.php, .hm-* markup)
   --------------------------------------------------------
   home-modern.css is token-driven, so the broadsheet look is
   mostly a token swap on body.theme-3; the rules after that
   trade the card look for hairline rules and a centred masthead.
   ============================================================ */

body.theme-3.hm-page {
    --brand:      var(--t3-brand);
    --brand-dark: var(--t3-brand-d);
    --ink:        var(--t3-ink);
    --ink-soft:   var(--t3-body);
    --ink-faint:  var(--t3-muted);
    --rule:       var(--t3-rule);
    --bg:         var(--t3-bg);
    --surface:    var(--t3-surface);

    background: var(--t3-bg);
    font-family: 'Hind Siliguri', 'SolaimanLipi', 'Noto Sans Bengali', sans-serif !important;
    font-size: 17px;
}

/* Serif headline face, the broadsheet signature */
body.theme-3.hm-page h1,
body.theme-3.hm-page h2,
body.theme-3.hm-page h3,
body.theme-3.hm-page h4,
body.theme-3.hm-page .hm-lead-title,
body.theme-3.hm-page .hm-card-title,
body.theme-3.hm-page .hm-side-title,
body.theme-3.hm-page .hm-media-title,
body.theme-3.hm-page .hm-rank-title,
body.theme-3.hm-page .hm-sec-head h2 {
    font-family: 'Noto Serif Bengali', 'SolaimanLipi', serif !important;
    font-weight: 700;
}
body.theme-3.hm-page .hm-lead-title { font-size: 33px; line-height: 1.38; }

/* Centred wordmark, hairline masthead, white nav with red hover */
body.theme-3.hm-page .hm-utility { background: var(--t3-cyan); color: #fff; }
body.theme-3.hm-page .hm-utility a { color: #fff; }
body.theme-3.hm-page .hm-masthead { border-bottom: 2px solid var(--t3-rule-dark); }
body.theme-3.hm-page .hm-masthead .hm-wrap { justify-items: center; }
body.theme-3.hm-page .hm-nav {
    background: #fff;
    border-bottom: 2px solid var(--t3-rule-dark);
}
body.theme-3.hm-page .hm-nav a { color: var(--t3-ink); }
body.theme-3.hm-page .hm-nav a:hover,
body.theme-3.hm-page .hm-nav a.is-active {
    background: transparent;
    color: var(--t3-brand);
}
body.theme-3.hm-page .hm-ticker-label { background: var(--t3-cyan); }

/* Hairline rules instead of cards — columns separated by thin lines */
body.theme-3.hm-page .hm-card,
body.theme-3.hm-page .hm-panel,
body.theme-3.hm-page .hm-media-card {
    background: transparent;
    border: none;
    border-radius: 0;
}
body.theme-3.hm-page .hm-card img,
body.theme-3.hm-page .hm-media-thumb { border-radius: 0; }
body.theme-3.hm-page .hm-panel {
    border-top: 3px solid var(--t3-brand);
    border-bottom: 1px solid var(--t3-rule);
}
body.theme-3.hm-page .hm-panel-head {
    background: transparent;
    color: var(--t3-ink);
    border-bottom: 1px solid var(--t3-rule);
}
body.theme-3.hm-page .hm-sidebar { border-left: 1px solid var(--t3-rule); padding-left: 18px; }
body.theme-3.hm-page .hm-kicker { background: transparent; color: var(--t3-brand); padding-left: 0; }
body.theme-3.hm-page .hm-band-dark { background: #11151a; }
body.theme-3.hm-page .hm-footer { background: #11151a; }

@media (max-width: 992px) {
    body.theme-3.hm-page .hm-sidebar { border-left: none; padding-left: 0; }
    body.theme-3.hm-page .hm-lead-title { font-size: 25px; }
}