/*
Theme Name: Dainik Jahan (দৈনিক জাহান)
Theme URI: https://dainikjahan.com
Author: Dainik Jahan Editorial Desk
Author URI: https://dainikjahan.com
Description: আধুনিক বাংলা জাতীয় সংবাদপত্র ও অনলাইন নিউজ পোর্টালের জন্য তৈরি প্রিমিয়াম, দ্রুতগতির ও এসইও অপ্টিমাইজড ওয়ার্ডপ্রেস থিম। এতে রয়েছে ব্রেকিং নিউজ স্লাইডার, ক্যাটাগরি ফিল্টার, সম্পর্কিত পোস্ট (Related Posts) সেকশন, প্রথম শ্রেণীর স্বয়ংক্রিয় এসইও (Schema.org NewsArticle), মাস্টহেডারের নীচে সাদা ব্যাকগ্রাউন্ড এবং অনলাইন এডিটরদের জন্য পূর্ণাঙ্গ ম্যানুয়াল এডিট সুবিধা।
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: dainik-jahan
Tags: newspaper, bangla, breaking-news, seo-optimized, fast-loading, mobile-responsive, one-column-mobile
*/

:root {
  --dj-navy: #052962;
  --dj-dark-blue: #001536;
  --dj-yellow: #ffe500;
  --dj-red: #cc0000;
  --dj-opinion: #7d0068;
  --dj-opinion-accent: #c75d00;
  --dj-sport: #0074aa;
  --dj-culture: #9c7b4f;
  --dj-bg: #f6f6f6;
  --dj-border: #e2e8f0;
  --dj-text: #121212;
  --dj-text-muted: #64748b;
  --font-serif: 'Noto Serif Bengali', serif;
  --font-sans: 'Noto Sans Bengali', sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--dj-bg);
  color: var(--dj-text);
  font-family: var(--font-sans);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: 700;
  line-height: 1.25;
  color: var(--dj-dark-blue);
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--dj-red);
}

.site-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ==========================================================================
   HEADER & MASTHEAD (সাদা ব্যাকগ্রাউন্ড ও নো ব্লু)
   ========================================================================== */
.site-masthead {
  background: #ffffff;
  color: #111827;
  width: 100%;
  border-bottom: 1px solid #e5e7eb;
}

.top-bar {
  background: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
  color: #4b5563;
  font-size: 12px;
  padding: 8px 0;
}

.brand-hero {
  padding: 24px 0 18px 0;
  background: #ffffff;
}

.brand-title {
  font-size: 48px;
  font-family: var(--font-serif);
  font-weight: 800;
  color: #111827;
  letter-spacing: -0.5px;
}

/* সাদা ব্যাকগ্রাউন্ডের প্রাইমারি নেভিগেশন বার (মাস্টহেডারের ঠিক নীচে) */
.nav-main {
  background: #ffffff;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

.nav-main ul {
  display: flex;
  list-style: none;
  overflow-x: auto;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}

.nav-main li a {
  display: block;
  padding: 12px 16px;
  color: #1e293b;
  font-weight: 700;
  font-size: 14px;
  border-bottom: 3px solid transparent;
}

.nav-main li.current-menu-item a,
.nav-main li a:hover {
  border-bottom-color: var(--dj-red);
  color: var(--dj-navy);
  background: #f8fafc;
}

/* ==========================================================================
   BREAKING NEWS TICKER
   ========================================================================== */
.breaking-ticker {
  background: #ffffff;
  border-bottom: 2px solid var(--dj-red);
  padding: 8px 0;
}

.breaking-badge {
  background: var(--dj-red);
  color: #ffffff;
  font-weight: 700;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 2px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ==========================================================================
   RESPONSIVE GRIDS (মোবাইল ভিউ ১০০% ১ কলামের)
   ========================================================================== */
.lead-hero-grid,
.opinion-grid,
.sports-grid,
.culture-grid,
.footer-grid,
.related-posts-grid {
  display: grid;
  grid-template-columns: 1fr; /* MOBILE FIRST: STRICTLY 1 COLUMN */
  gap: 20px;
}

/* Desktop expansions */
@media (min-width: 992px) {
  .brand-title {
    font-size: 56px;
  }
  .lead-hero-grid {
    grid-template-columns: 2fr 1fr;
    gap: 24px;
  }
  .opinion-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .sports-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .culture-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .related-posts-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 640px) and (max-width: 991px) {
  .related-posts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .sports-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}