/* DP News 24 - Main Stylesheet */
:root {
  --primary: #c0392b;
  --primary-dark: #922b21;
  --secondary: #2c3e50;
  --accent: #e67e22;
  --text: #333;
  --text-light: #666;
  --text-muted: #999;
  --bg: #f5f5f5;
  --white: #fff;
  --border: #e0e0e0;
  --shadow: 0 2px 10px rgba(0,0,0,.08);
  --radius: 6px;
  --font-main: 'Hind Siliguri', 'Noto Serif Bengali', sans-serif;
  --font-heading: 'Noto Serif Bengali', 'Hind Siliguri', serif;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }

body {
  font-family: var(--font-main);
  color: var(--text);
  background: var(--bg);
  font-size: 15px;
  line-height: 1.7;
}

a { color: inherit; text-decoration: none; }
a:hover { color: var(--primary); }
img { max-width:100%; height:auto; display:block; }
ul { list-style:none; }
.container { max-width:1280px; margin:0 auto; padding:0 15px; }

/* ===== TOPBAR ===== */
.topbar {
  background: var(--secondary);
  color: #ccc;
  font-size: 13px;
  padding: 7px 0;
}
.topbar .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.topbar-left { display:flex; align-items:center; gap:10px; }
.topbar-divider { opacity:.4; }
.topbar-right { display:flex; align-items:center; gap:10px; }
.social-icon { color:#ccc; font-size:14px; transition:.2s; }
.social-icon:hover { color:#fff; }
.social-facebook:hover{color:#1877f2}
.social-youtube:hover{color:#ff0000}
.social-twitter:hover{color:#1da1f2}
.social-instagram:hover{color:#e1306c}
.btn-newsletter { background:var(--primary); color:#fff!important; padding:4px 12px; border-radius:3px; font-size:12px; }

/* ===== HEADER ===== */
.main-header { background:#fff; padding:15px 0; border-bottom:3px solid var(--primary); box-shadow:var(--shadow); }
.header-inner { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.header-logo { flex:0 0 auto; }
.logo-text { display:flex; flex-direction:column; }
.logo-name {
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 700;
  color: var(--primary);
  line-height: 1.1;
  letter-spacing: -0.5px;
}
.logo-tagline { font-size:12px; color:var(--secondary); font-weight:500; margin-top:2px; }
.logo-img { max-height:70px; width:auto; }
.header-ad { flex:1; text-align:center; }
.header-search { flex:0 0 auto; }
.search-form { display:flex; border:2px solid var(--border); border-radius:30px; overflow:hidden; }
.search-form input { border:none; outline:none; padding:8px 16px; font-family:var(--font-main); font-size:14px; width:220px; }
.search-form button { background:var(--primary); color:#fff; border:none; padding:8px 16px; cursor:pointer; font-size:14px; transition:.2s; }
.search-form button:hover { background:var(--primary-dark); }

/* ===== BREAKING NEWS ===== */
.breaking-news-bar { background:var(--primary); color:#fff; padding:8px 0; overflow:hidden; }
.breaking-inner { display:flex; align-items:center; gap:0; }
.breaking-label {
  background:var(--secondary);
  color:#fff;
  padding:5px 16px;
  white-space:nowrap;
  font-weight:700;
  font-size:13px;
  flex-shrink:0;
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
  padding-right:24px;
}
.breaking-ticker-wrap { flex:1; overflow:hidden; }
.breaking-ticker { display:flex; gap:60px; animation:ticker 30s linear infinite; white-space:nowrap; }
.breaking-ticker:hover { animation-play-state:paused; }
.ticker-item { color:#fff; font-size:14px; white-space:nowrap; padding:0 10px; }
.ticker-item::before { content:'●'; margin-right:8px; font-size:10px; }
@keyframes ticker { 0%{transform:translateX(100%)} 100%{transform:translateX(-100%)} }

/* ===== NAVIGATION ===== */
.main-nav { background:var(--secondary); position:sticky; top:0; z-index:1000; box-shadow:0 3px 10px rgba(0,0,0,.2); }
.nav-inner { display:flex; align-items:center; }
.nav-toggle { display:none; background:none; border:none; color:#fff; font-size:15px; padding:12px 15px; cursor:pointer; }
.nav-menu { display:flex; align-items:center; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
.nav-menu::-webkit-scrollbar { display:none; }
.nav-menu > li { position:relative; }
.nav-menu > li > a {
  display:flex; align-items:center; gap:6px;
  color:#ddd;
  padding:13px 14px;
  font-size:14px;
  font-weight:500;
  white-space:nowrap;
  transition:.2s;
  border-bottom:3px solid transparent;
}
.nav-menu > li > a:hover,
.nav-menu > li.active > a { color:#fff; border-bottom-color:var(--primary); }
.nav-menu > li > a i.fa-chevron-down { font-size:11px; }

/* Dropdown */
.has-dropdown { position:relative; }
.dropdown { display:none; position:absolute; top:100%; left:0; background:#fff; min-width:200px; box-shadow:0 5px 20px rgba(0,0,0,.15); z-index:999; border-top:3px solid var(--primary); border-radius:0 0 6px 6px; }
.dropdown li a { display:block; padding:10px 18px; font-size:14px; color:var(--text); border-bottom:1px solid #f0f0f0; transition:.15s; }
.dropdown li a:hover { background:var(--bg); color:var(--primary); padding-left:24px; }
.has-dropdown:hover .dropdown { display:block; }

/* ===== LAYOUT ===== */
.page-content { padding:25px 0; }
.content-area { display:grid; grid-template-columns:1fr 320px; gap:25px; }
@media(max-width:992px){ .content-area{grid-template-columns:1fr;} }

/* ===== SECTION TITLE ===== */
.section-title {
  display:flex; align-items:center; gap:10px;
  border-bottom:3px solid var(--primary);
  padding-bottom:10px;
  margin-bottom:20px;
}
.section-title h2 {
  font-family:var(--font-heading);
  font-size:20px;
  color:var(--secondary);
  font-weight:700;
}
.section-title .title-icon { color:var(--primary); }
.section-title .view-all { margin-left:auto; font-size:13px; color:var(--primary); border:1px solid var(--primary); padding:3px 10px; border-radius:20px; }
.section-title .view-all:hover { background:var(--primary); color:#fff; }

/* ===== SLIDER ===== */
.hero-section { margin-bottom:25px; }
.hero-grid { display:grid; grid-template-columns:1fr 340px; gap:15px; }
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;}}

.slider-wrap { position:relative; border-radius:var(--radius); overflow:hidden; background:#000; }
.slide { display:none; position:relative; }
.slide.active { display:block; }
.slide img { width:100%; height:420px; object-fit:cover; opacity:.9; }
.slide-caption {
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(transparent, rgba(0,0,0,.85));
  color:#fff; padding:40px 20px 20px;
}
.slide-cat { background:var(--primary); color:#fff; font-size:12px; padding:2px 8px; border-radius:3px; margin-bottom:8px; display:inline-block; }
.slide-title { font-family:var(--font-heading); font-size:22px; font-weight:700; line-height:1.4; margin-bottom:6px; }
.slide-title a { color:#fff; }
.slide-time { font-size:12px; opacity:.8; }
.slider-controls { position:absolute; bottom:15px; right:15px; display:flex; gap:6px; }
.slider-dot { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.5); cursor:pointer; border:none; transition:.2s; }
.slider-dot.active { background:#fff; transform:scale(1.2); }
.slider-arrows { position:absolute; top:50%; transform:translateY(-50%); width:100%; display:flex; justify-content:space-between; padding:0 10px; pointer-events:none; }
.slider-btn { pointer-events:all; background:rgba(0,0,0,.5); color:#fff; border:none; width:38px; height:38px; border-radius:50%; cursor:pointer; font-size:16px; transition:.2s; display:flex; align-items:center; justify-content:center; }
.slider-btn:hover { background:var(--primary); }

/* Hero sidebar news */
.hero-side { display:flex; flex-direction:column; gap:12px; }
.hero-side-item {
  display:flex; gap:12px; align-items:flex-start;
  background:#fff; border-radius:var(--radius); padding:12px;
  box-shadow:var(--shadow); transition:.2s;
}
.hero-side-item:hover { box-shadow:0 4px 15px rgba(0,0,0,.12); transform:translateY(-1px); }
.hero-side-item img { width:90px; height:65px; object-fit:cover; border-radius:4px; flex-shrink:0; }
.hero-side-text { flex:1; }
.hero-side-text a { font-size:14px; font-weight:600; color:var(--secondary); line-height:1.5; }
.hero-side-text a:hover { color:var(--primary); }
.hero-side-meta { font-size:12px; color:var(--text-muted); margin-top:5px; }

/* ===== NEWS CARDS ===== */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:768px){.news-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.news-grid{grid-template-columns:1fr;}}

.news-card {
  background:#fff;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:.25s;
}
.news-card:hover { box-shadow:0 5px 20px rgba(0,0,0,.12); transform:translateY(-3px); }
.news-card-img { position:relative; overflow:hidden; height:185px; }
.news-card-img img { width:100%; height:100%; object-fit:cover; transition:.3s; }
.news-card:hover .news-card-img img { transform:scale(1.05); }
.news-card-cat {
  position:absolute; top:10px; left:10px;
  color:#fff; font-size:11px; padding:3px 9px;
  border-radius:3px; font-weight:600;
}
.news-card-badge { position:absolute; top:10px; right:10px; background:var(--accent); color:#fff; font-size:11px; padding:2px 8px; border-radius:3px; }
.news-card-body { padding:14px; }
.news-card-title { font-family:var(--font-heading); font-size:15px; font-weight:700; line-height:1.5; margin-bottom:8px; color:var(--secondary); }
.news-card-title a:hover { color:var(--primary); }
.news-card-summary { font-size:13px; color:var(--text-light); line-height:1.6; margin-bottom:10px; }
.news-card-meta { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--text-muted); flex-wrap:wrap; }
.news-card-meta i { color:var(--primary); }

/* Big card */
.news-card-big { display:flex; flex-direction:column; }
.news-card-big .news-card-img { height:240px; }
.news-card-big .news-card-title { font-size:18px; }

/* List card */
.news-list-item {
  display:flex; gap:12px; align-items:flex-start;
  background:#fff; padding:12px; border-radius:var(--radius);
  box-shadow:var(--shadow); margin-bottom:10px; transition:.2s;
}
.news-list-item:hover { box-shadow:0 4px 15px rgba(0,0,0,.1); }
.news-list-item img { width:110px; height:80px; object-fit:cover; border-radius:4px; flex-shrink:0; }
.news-list-text { flex:1; }
.news-list-text h4 { font-family:var(--font-heading); font-size:15px; font-weight:700; line-height:1.5; margin-bottom:6px; }
.news-list-text h4 a:hover { color:var(--primary); }
.news-list-meta { font-size:12px; color:var(--text-muted); }

/* ===== FEATURED LARGE ===== */
.featured-section { margin-bottom:30px; }
.featured-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:20px; }
@media(max-width:768px){.featured-grid{grid-template-columns:1fr;}}

.featured-main { position:relative; border-radius:var(--radius); overflow:hidden; }
.featured-main img { width:100%; height:380px; object-fit:cover; }
.featured-main-overlay {
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(transparent, rgba(0,0,0,.9));
  padding:50px 20px 20px;
  color:#fff;
}
.featured-main-overlay h2 { font-family:var(--font-heading); font-size:22px; font-weight:700; line-height:1.4; }
.featured-main-overlay h2 a { color:#fff; }
.featured-main-overlay h2 a:hover { color:#f0c040; }
.featured-main-meta { font-size:12px; opacity:.8; margin-top:8px; }

.featured-side { display:flex; flex-direction:column; gap:12px; }

/* ===== CATEGORY SECTIONS ===== */
.cat-section { margin-bottom:30px; background:#fff; border-radius:var(--radius); padding:20px; box-shadow:var(--shadow); }
.cat-section-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:15px; }
@media(max-width:640px){.cat-section-grid{grid-template-columns:1fr;}}

/* ===== ARTICLE PAGE ===== */
.article-header { margin-bottom:20px; }
.article-cat-badge { display:inline-block; color:#fff; padding:4px 12px; border-radius:3px; font-size:13px; font-weight:600; margin-bottom:12px; }
.article-title { font-family:var(--font-heading); font-size:28px; font-weight:700; line-height:1.4; color:var(--secondary); margin-bottom:12px; }
.article-meta { display:flex; align-items:center; gap:15px; flex-wrap:wrap; font-size:13px; color:var(--text-muted); margin-bottom:15px; }
.article-meta i { color:var(--primary); }
.article-summary { font-size:17px; font-weight:600; color:var(--text-light); line-height:1.7; border-left:4px solid var(--primary); padding-left:15px; margin-bottom:20px; }
.article-featured-img { border-radius:var(--radius); overflow:hidden; margin-bottom:15px; }
.article-featured-img img { width:100%; max-height:500px; object-fit:cover; }
.article-img-caption { text-align:center; font-size:13px; color:var(--text-muted); padding:8px; background:#f9f9f9; }
.article-content { font-family:var(--font-main); font-size:16px; line-height:1.9; color:var(--text); }
.article-content p { margin-bottom:16px; }
.article-content h2,.article-content h3 { font-family:var(--font-heading); margin:20px 0 12px; color:var(--secondary); }
.article-content img { border-radius:var(--radius); margin:15px 0; }
.article-content blockquote { border-left:4px solid var(--primary); padding:12px 20px; background:#fff8f8; margin:20px 0; font-style:italic; }

/* Share buttons */
.article-share { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:20px 0; padding:15px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.share-label { font-size:14px; font-weight:600; }
.share-btn { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:20px; color:#fff; font-size:13px; transition:.2s; }
.share-btn:hover { opacity:.9; transform:translateY(-1px); }
.share-facebook { background:#1877f2; }
.share-twitter { background:#1da1f2; }
.share-whatsapp { background:#25d366; }
.share-telegram { background:#2ca5e0; }
.share-copy { background:var(--secondary); }

/* Tags */
.article-tags { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:15px 0; }
.article-tags-label { font-size:13px; font-weight:600; }
.tag-badge { background:#f0f0f0; color:var(--text); padding:4px 12px; border-radius:20px; font-size:13px; transition:.2s; }
.tag-badge:hover { background:var(--primary); color:#fff; }

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

/* Comments */
.comments-section { margin-top:30px; background:#fff; padding:25px; border-radius:var(--radius); box-shadow:var(--shadow); }
.comment-item { padding:15px 0; border-bottom:1px solid var(--border); }
.comment-header { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.comment-avatar { width:40px; height:40px; border-radius:50%; background:var(--secondary); color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.comment-name { font-weight:700; font-size:15px; }
.comment-time { font-size:12px; color:var(--text-muted); }
.comment-text { font-size:14px; line-height:1.7; }
.comment-form { margin-top:25px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:15px; }
@media(max-width:480px){.form-row{grid-template-columns:1fr;}}
.form-group { margin-bottom:15px; }
.form-group label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; }
.form-control {
  width:100%; padding:10px 14px; border:2px solid var(--border);
  border-radius:var(--radius); font-family:var(--font-main); font-size:14px;
  outline:none; transition:.2s;
}
.form-control:focus { border-color:var(--primary); }
textarea.form-control { min-height:120px; resize:vertical; }
.btn-primary { background:var(--primary); color:#fff; border:none; padding:10px 25px; border-radius:var(--radius); font-family:var(--font-main); font-size:15px; cursor:pointer; transition:.2s; font-weight:600; }
.btn-primary:hover { background:var(--primary-dark); }

/* ===== SIDEBAR ===== */
.sidebar { display:flex; flex-direction:column; gap:20px; }
.sidebar-widget { background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.widget-title { background:var(--secondary); color:#fff; padding:12px 15px; }
.widget-title h3 { font-size:16px; font-weight:700; display:flex; align-items:center; gap:8px; }
.widget-title h3 i { color:var(--accent); }

/* Popular news */
.popular-news-list { padding:10px; }
.popular-item { display:flex; gap:10px; padding:10px; border-bottom:1px solid #f5f5f5; align-items:flex-start; }
.popular-num { width:28px; height:28px; background:var(--primary); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px; flex-shrink:0; margin-top:2px; }
.popular-content { display:flex; gap:8px; flex:1; }
.popular-img img { width:65px; height:48px; object-fit:cover; border-radius:3px; }
.popular-title { font-size:13px; font-weight:600; line-height:1.4; display:block; margin-bottom:4px; color:var(--secondary); }
.popular-title:hover { color:var(--primary); }
.popular-meta { font-size:11px; color:var(--text-muted); }

/* Latest news sidebar */
.latest-news-list { padding:10px; }
.latest-item { display:flex; gap:10px; padding:10px; border-bottom:1px solid #f5f5f5; }
.latest-item img { width:80px; height:58px; object-fit:cover; border-radius:3px; flex-shrink:0; }
.latest-text { flex:1; }
.latest-title { font-size:13px; font-weight:600; line-height:1.4; display:block; color:var(--secondary); margin-bottom:4px; }
.latest-title:hover { color:var(--primary); }
.latest-time { font-size:11px; color:var(--text-muted); }

/* Cat badge */
.cat-badge { display:inline-block; color:#fff; font-size:11px; padding:2px 7px; border-radius:3px; margin-bottom:5px; font-weight:500; }

/* Poll */
.poll-widget { padding:15px; }
.poll-question { font-size:15px; font-weight:600; margin-bottom:12px; line-height:1.5; }
.poll-option { display:flex; align-items:center; gap:8px; padding:8px 0; cursor:pointer; font-size:14px; }
.poll-option input { accent-color:var(--primary); }
.btn-vote { background:var(--primary); color:#fff; border:none; padding:8px 20px; border-radius:20px; cursor:pointer; font-family:var(--font-main); font-size:14px; margin-top:10px; width:100%; transition:.2s; }
.btn-vote:hover { background:var(--primary-dark); }
.poll-bar-label { display:flex; justify-content:space-between; font-size:13px; margin-bottom:3px; }
.poll-bar { background:#f0f0f0; border-radius:20px; height:8px; margin-bottom:8px; }
.poll-bar-fill { background:var(--primary); border-radius:20px; height:100%; transition:.5s; }
.poll-total { font-size:12px; color:var(--text-muted); text-align:right; margin-top:5px; }

/* Tags cloud */
.tag-cloud { padding:15px; display:flex; flex-wrap:wrap; gap:7px; }
.tag-item { background:#f5f5f5; color:var(--text); padding:5px 12px; border-radius:20px; font-size:13px; transition:.2s; border:1px solid var(--border); }
.tag-item:hover { background:var(--primary); color:#fff; border-color:var(--primary); }

/* District links */
.district-links { padding:12px 15px; display:flex; flex-wrap:wrap; gap:6px; }
.district-links a { background:#f5f5f5; padding:4px 10px; border-radius:3px; font-size:13px; border:1px solid var(--border); transition:.2s; }
.district-links a:hover { background:var(--primary); color:#fff; border-color:var(--primary); }

/* ===== ADS ===== */
.ad-container { text-align:center; padding:10px; }
.ad-container img { max-width:100%; margin:0 auto; border-radius:4px; }

/* ===== PAGINATION ===== */
.pagination { display:flex; gap:6px; justify-content:center; margin-top:25px; flex-wrap:wrap; }
.page-link { display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:2px solid var(--border); border-radius:var(--radius); font-size:14px; transition:.2s; background:#fff; }
.page-link:hover,.page-link.active { background:var(--primary); color:#fff; border-color:var(--primary); }
.page-dots { line-height:38px; padding:0 5px; }

/* ===== NEWSLETTER SECTION ===== */
.newsletter-section { background:var(--secondary); padding:30px 0; }
.newsletter-inner { display:flex; align-items:center; gap:25px; flex-wrap:wrap; justify-content:space-between; }
.newsletter-text h3 { color:#fff; font-size:20px; font-weight:700; margin-bottom:5px; }
.newsletter-text p { color:#aaa; font-size:14px; }
.newsletter-form { display:flex; gap:0; flex:1; max-width:450px; }
.newsletter-form input { flex:1; padding:12px 18px; border:none; outline:none; border-radius:30px 0 0 30px; font-family:var(--font-main); font-size:14px; }
.newsletter-form button { background:var(--primary); color:#fff; border:none; padding:12px 22px; border-radius:0 30px 30px 0; cursor:pointer; font-family:var(--font-main); font-size:14px; white-space:nowrap; transition:.2s; }
.newsletter-form button:hover { background:var(--primary-dark); }

/* ===== FOOTER ===== */
.main-footer { background:#1a2332; color:#aaa; padding:40px 0 0; }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1.2fr 1fr; gap:30px; margin-bottom:30px; }
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:540px){.footer-grid{grid-template-columns:1fr;}}
.footer-title { color:#fff; font-size:16px; font-weight:700; margin-bottom:15px; padding-bottom:10px; border-bottom:2px solid var(--primary); display:inline-block; }
.footer-logo h2 { color:#fff; font-size:24px; font-weight:700; margin-bottom:5px; }
.footer-logo .footer-tagline { color:var(--primary); font-size:13px; margin-bottom:12px; }
.footer-about p { font-size:13px; line-height:1.8; margin-bottom:15px; }
.footer-contact p { font-size:13px; margin-bottom:6px; display:flex; align-items:center; gap:8px; }
.footer-contact i { color:var(--primary); width:16px; }
.footer-social { display:flex; gap:8px; margin-top:15px; }
.social-btn { width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; transition:.2s; }
.social-btn:hover { transform:translateY(-3px); }
.social-btn.social-facebook { background:#1877f2; }
.social-btn.social-youtube { background:#ff0000; }
.social-btn.social-twitter { background:#1da1f2; }
.social-btn.social-instagram { background:#e1306c; }
.footer-links li { margin-bottom:8px; }
.footer-links a { color:#aaa; font-size:13px; display:flex; align-items:center; gap:7px; transition:.2s; }
.footer-links a:hover { color:#fff; padding-left:5px; }
.footer-links a i { color:var(--primary); font-size:11px; }
.footer-news { display:flex; flex-direction:column; gap:12px; }
.footer-news-item { display:flex; gap:10px; }
.footer-news-item img { width:70px; height:50px; object-fit:cover; border-radius:3px; flex-shrink:0; }
.footer-news-text a { font-size:13px; color:#ccc; line-height:1.4; display:block; margin-bottom:4px; }
.footer-news-text a:hover { color:#fff; }
.footer-news-text span { font-size:11px; color:#777; }
.footer-bottom { background:#111c2d; padding:15px 0; }
.footer-bottom-inner { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.footer-bottom p { font-size:13px; color:#777; }
.footer-bottom a { color:var(--primary); }

/* ===== BACK TO TOP ===== */
.back-to-top { position:fixed; bottom:25px; right:25px; width:42px; height:42px; background:var(--primary); color:#fff; border:none; border-radius:50%; cursor:pointer; font-size:16px; display:none; align-items:center; justify-content:center; box-shadow:0 3px 10px rgba(0,0,0,.2); transition:.2s; z-index:999; }
.back-to-top:hover { background:var(--primary-dark); transform:translateY(-3px); }
.back-to-top.visible { display:flex; }

/* ===== BREADCRUMB ===== */
.breadcrumb { background:#fff; padding:10px 0; margin-bottom:20px; border-bottom:1px solid var(--border); }
.breadcrumb-list { display:flex; align-items:center; gap:8px; font-size:13px; flex-wrap:wrap; }
.breadcrumb-list a { color:var(--text-muted); }
.breadcrumb-list a:hover { color:var(--primary); }
.breadcrumb-list .separator { color:var(--border); }
.breadcrumb-list .current { color:var(--text); font-weight:500; }

/* ===== PAGE ===== */
.page-header { background:var(--secondary); color:#fff; padding:25px 0; margin-bottom:25px; }
.page-header h1 { font-family:var(--font-heading); font-size:26px; font-weight:700; }
.page-header p { font-size:14px; opacity:.8; margin-top:5px; }

/* ===== ALERT / FLASH ===== */
.alert { padding:12px 18px; border-radius:var(--radius); margin-bottom:15px; font-size:14px; }
.alert-success { background:#d4edda; color:#155724; border:1px solid #c3e6cb; }
.alert-error { background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; }
.alert-info { background:#d1ecf1; color:#0c5460; border:1px solid #bee5eb; }

/* ===== SEARCH PAGE ===== */
.search-header { text-align:center; padding:30px 0; }
.search-header h1 { font-size:24px; color:var(--secondary); }
.search-header p { color:var(--text-muted); }
.search-form-big { max-width:600px; margin:20px auto; }
.search-form-big input { font-size:16px; padding:12px 20px; }

/* ===== RESPONSIVE UTILITIES ===== */
@media(max-width:768px){
  .logo-name { font-size:24px; }
  .article-title { font-size:22px; }
  .slide img { height:250px; }
  .slide-title { font-size:16px; }
  .breaking-label { font-size:12px; padding-right:20px; }
  .news-grid { grid-template-columns:1fr 1fr; }
  .cat-section-grid { grid-template-columns:1fr; }
  .featured-grid { grid-template-columns:1fr; }
}
@media(max-width:576px){
  .nav-toggle { display:flex; }
  .nav-menu { display:none; flex-direction:column; width:100%; }
  .nav-menu.open { display:flex; }
  .nav-menu > li > a { padding:10px 15px; border-bottom:1px solid rgba(255,255,255,.1); }
  .has-dropdown:hover .dropdown { position:static; box-shadow:none; border-top:none; border-left:3px solid var(--primary); }
  .hero-grid { grid-template-columns:1fr; }
  .header-inner { flex-direction:column; text-align:center; }
  .topbar .container { justify-content:center; }
}

/* ===== PRINT ===== */
@media print {
  .topbar,.main-nav,.breaking-news-bar,.sidebar,.main-footer,.article-share,.comments-section,.newsletter-section,.back-to-top,.header-search { display:none!important; }
  .content-area { grid-template-columns:1fr; }
}

/* ===== LOADING ===== */
.page-loader { position:fixed; inset:0; background:#fff; z-index:9999; display:flex; align-items:center; justify-content:center; }
.loader-spinner { width:50px; height:50px; border:4px solid var(--border); border-top-color:var(--primary); border-radius:50%; animation:spin .8s linear infinite; }
@keyframes spin { to{transform:rotate(360deg)} }

/* ===== VIDEO EMBED ===== */
.video-embed { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:var(--radius); margin:15px 0; }
.video-embed iframe { position:absolute; inset:0; width:100%; height:100%; }

/* ===== NO IMAGE PLACEHOLDER ===== */
.no-img { background:linear-gradient(135deg, var(--secondary), var(--primary)); display:flex; align-items:center; justify-content:center; color:#fff; font-size:40px; }