/*
 * ═══════════════════════════════════════════════════════════════════
 *  ACTUALNEWS — CLEAN JOURNALISM THEME
 *  Custom CSS overlay for Papermag theme
 *  © 2026 ActualNews / BrainGlow
 * ═══════════════════════════════════════════════════════════════════
 */

/* ── Google Fonts ─────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

/* ── CSS Custom Properties (Design Tokens) ───────────────────── */
:root {
  /* Core palette */
  --cj-bg-deep:       #F8F9FA;
  --cj-bg-body:       #F3F4F6;
  --cj-bg-card:       #FFFFFF;
  --cj-bg-card-hover: #F9FAFB;
  --cj-bg-elevated:   #E5E7EB;
  --cj-border:        #E5E7EB;
  --cj-border-light:  #D1D5DB;
  
  /* Text */
  --cj-text-primary:   #111827;
  --cj-text-secondary: #4B5563;
  --cj-text-muted:     #6B7280;
  --cj-text-link:      #0F4C81;
  
  /* Accent colors */
  --cj-accent-primary:  #0F4C81;
  --cj-accent-breaking: #9B1C1C;
  --cj-accent-live:     #DC2626;
  
  /* Category colors */
  --cat-world:        #0F4C81;
  --cat-markets:      #047857;
  --cat-transparency: #374151;
  --cat-analysis:     #4338CA;
  --cat-briefing:     #9B1C1C;
  
  /* Typography */
  --font-headline: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-smooth: 300ms ease;
}

/* ── Global Base ─────────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
}

body,
body.papermag-dark-mood,
body.papermag-light-mood {
  background-color: var(--cj-bg-body) !important;
  color: var(--cj-text-primary) !important;
  font-family: var(--font-body) !important;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Header & Navigation ─────────────────────────────────────── */
.papermag-header-area,
.header-area,
header.site-header,
.papermag-top-bar,
.top-bar-area,
.topbar-area {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid var(--cj-border) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* Logo styling */
.site-branding .site-title a,
.logo-area .site-title a,
.papermag-logo a,
.custom-logo-link {
  color: var(--cj-text-primary) !important;
  font-family: var(--font-headline) !important;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: -0.02em;
}

/* Navigation links */
.main-navigation a,
.primary-menu a,
.papermag-main-menu a,
nav.main-nav a,
.nav-menu > li > a,
.main-menu li a,
.papermag-header-area .menu-item a {
  color: var(--cj-text-secondary) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  transition: color var(--transition-fast) !important;
  padding: 8px 14px !important;
}

.main-navigation a:hover,
.primary-menu a:hover,
.papermag-main-menu a:hover,
nav.main-nav a:hover,
.nav-menu > li > a:hover,
.main-menu li a:hover,
.papermag-header-area .menu-item a:hover {
  color: var(--cj-accent-primary) !important;
}

/* Active/current menu item */
.current-menu-item > a,
.current_page_item > a {
  color: var(--cj-accent-primary) !important;
  border-bottom: 2px solid var(--cj-accent-primary) !important;
}

/* Dropdown/Mega Menu */
.sub-menu,
.dropdown-menu,
.mega-menu,
.papermag-mega-menu {
  background-color: var(--cj-bg-card) !important;
  border: 1px solid var(--cj-border) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.sub-menu a,
.dropdown-menu a,
.mega-menu a {
  color: var(--cj-text-secondary) !important;
}

.sub-menu a:hover,
.dropdown-menu a:hover,
.mega-menu a:hover {
  color: var(--cj-accent-primary) !important;
  background-color: var(--cj-bg-card-hover) !important;
}

/* Dark mode toggle - hide since we're always light */
.papermag-dark-light-toggle,
.dark-mode-toggle,
.switch-toggle {
  display: none !important;
}

/* ── Hero / Featured Post Area ───────────────────────────────── */
.hero-area,
.featured-area,
.papermag-hero,
.banner-area,
.featured-post-area,
.papermag-slider-area {
  background-color: var(--cj-bg-deep) !important;
  margin-bottom: var(--space-xl);
}

.hero-area .post-title a,
.featured-area .post-title a,
.papermag-hero .post-title a,
.banner-post-title a {
  font-family: var(--font-headline) !important;
  font-weight: 700 !important;
  font-size: clamp(24px, 4vw, 42px) !important;
  line-height: 1.2 !important;
  color: #FFFFFF !important;  /* Keep hero titles white due to image overlay */
  text-decoration: none !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* Enhances readability on light images */
  transition: color var(--transition-fast) !important;
}

.hero-area .post-title a:hover,
.featured-area .post-title a:hover {
  color: #E5E7EB !important;
}

/* Hero overlay gradient */
.hero-area .overlay,
.featured-area .overlay,
.papermag-overlay,
.banner-post .overlay {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.4) 50%,
    transparent 100%
  ) !important;
}

/* ── Post Cards & Article Blocks ─────────────────────────────── */
.post-item,
.papermag-post-card,
article.post,
.papermag-post-block,
.papermag-widget,
.widget-area .widget,
.sidebar .widget {
  background-color: var(--cj-bg-card) !important;
  border: 1px solid var(--cj-border) !important;
  border-radius: 4px !important;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  transition: transform var(--transition-smooth),
              box-shadow var(--transition-smooth),
              border-color var(--transition-smooth) !important;
}

.post-item:hover,
.papermag-post-card:hover,
article.post:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  border-color: var(--cj-border-light) !important;
}

/* Post card thumbnails */
.post-item .post-thumb img,
.papermag-post-card img,
article.post .post-thumbnail img {
  border-bottom: 1px solid var(--cj-border);
  transition: transform var(--transition-smooth) !important;
}

.post-item:hover .post-thumb img,
.papermag-post-card:hover img,
article.post:hover .post-thumbnail img {
  transform: scale(1.03) !important;
}

/* Post titles */
.post-item .post-title a,
.papermag-post-card .post-title a,
article.post .entry-title a,
.widget .post-title a,
h2.entry-title a,
h3.entry-title a {
  font-family: var(--font-headline) !important;
  font-weight: 700 !important;
  color: var(--cj-text-primary) !important;
  text-decoration: none !important;
  transition: color var(--transition-fast) !important;
  line-height: 1.3 !important;
}

.post-item .post-title a:hover,
.papermag-post-card .post-title a:hover,
article.post .entry-title a:hover,
h2.entry-title a:hover,
h3.entry-title a:hover {
  color: var(--cj-accent-primary) !important;
}

/* Post excerpts */
.post-item .post-excerpt,
.papermag-post-card .post-excerpt,
article.post .entry-summary,
.entry-content p {
  color: var(--cj-text-secondary) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Post meta (author, date, etc.) */
.post-meta,
.entry-meta,
.post-meta-info,
.papermag-post-meta,
.post-date,
.post-author {
  color: var(--cj-text-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.post-meta a,
.entry-meta a {
  color: var(--cj-text-muted) !important;
}

.post-meta a:hover,
.entry-meta a:hover {
  color: var(--cj-accent-primary) !important;
}

/* ── Category Labels / Badges ────────────────────────────────── */
.cat-links a,
.category-tag,
.post-cat,
.papermag-cat-name,
.cat-item a,
.post-category a,
.entry-category a {
  display: inline-block !important;
  padding: 3px 10px !important;
  border-radius: 2px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  transition: opacity var(--transition-fast) !important;
}

.cat-links a:hover,
.category-tag:hover {
  opacity: 0.85 !important;
}

/* Category color-coding */
a[href*="/world"],
a[href*="category/world"] {
  background-color: var(--cat-world) !important;
  color: #fff !important;
}

a[href*="/markets"],
a[href*="category/markets"] {
  background-color: var(--cat-markets) !important;
  color: #fff !important;
}

a[href*="/transparency"],
a[href*="category/transparency"] {
  background-color: var(--cat-transparency) !important;
  color: #fff !important;
}

a[href*="/analysis"],
a[href*="category/analysis"] {
  background-color: var(--cat-analysis) !important;
  color: #fff !important;
}

a[href*="/daily-briefing"],
a[href*="category/daily-briefing"] {
  background-color: var(--cat-briefing) !important;
  color: #fff !important;
}

/* ── Section Headers ─────────────────────────────────────────── */
.section-title,
.widget-title,
.papermag-section-title,
.papermag-block-title,
h2.widget-title,
.sidebar .widget-title {
  font-family: var(--font-headline) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  color: var(--cj-text-primary) !important;
  border-bottom: 3px solid var(--cj-text-primary) !important;
  padding-bottom: var(--space-sm) !important;
  margin-bottom: var(--space-lg) !important;
  text-transform: none !important;
  position: relative !important;
}

.section-title::after,
.widget-title::after,
.papermag-section-title::after {
  content: '' !important;
  display: none !important;
}

/* ── Sidebar ─────────────────────────────────────────────────── */
.sidebar,
#secondary,
aside.widget-area {
  background-color: transparent !important;
}

.sidebar .widget,
aside .widget {
  background-color: var(--cj-bg-card) !important;
  border: 1px solid var(--cj-border) !important;
  border-radius: 4px !important;
  padding: var(--space-lg) !important;
  margin-bottom: var(--space-lg) !important;
  box-shadow: none !important;
}

/* ── Trending / Popular Posts ────────────────────────────────── */
.trending-post-item,
.popular-post-item {
  border-bottom: 1px solid var(--cj-border) !important;
  padding: var(--space-md) 0 !important;
}

.trending-post-item:last-child,
.popular-post-item:last-child {
  border-bottom: none !important;
}

.trending-number,
.post-number {
  color: var(--cj-border-light) !important;
  font-family: var(--font-headline) !important;
  font-weight: 800 !important;
  font-size: 28px !important;
}

/* ── Walter Murrow Broadcast Card ────────────────────────────── */
.walter-murrow-card,
.daily-briefing-card {
  background: var(--cj-bg-card) !important;
  border: 1px solid var(--cj-border) !important;
  border-top: 4px solid var(--cat-briefing) !important;
  border-radius: 6px !important;
  padding: var(--space-xl) !important;
  margin: var(--space-2xl) 0 !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.walter-murrow-card::before {
  content: '🔴 LIVE BRIEFING';
  position: absolute;
  top: var(--space-md);
  right: var(--space-md);
  background: var(--cj-accent-breaking);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 2px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 0 rgba(155, 28, 28, 0.4); }
  50% { box-shadow: 0 0 10px rgba(155, 28, 28, 0.6); }
}

.walter-murrow-card .briefing-title {
  font-family: var(--font-headline);
  font-size: 28px;
  font-weight: 700;
  color: var(--cj-text-primary);
  margin-bottom: var(--space-md);
}

.walter-murrow-card .briefing-embed {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  border: 1px solid var(--cj-border);
}

/* ── Footer ──────────────────────────────────────────────────── */
footer,
.site-footer,
.footer-area,
.papermag-footer {
  background-color: #111827 !important;
  border-top: 1px solid var(--cj-border) !important;
  color: #9CA3AF !important;
}

footer a,
.site-footer a,
.footer-area a {
  color: #D1D5DB !important;
  transition: color var(--transition-fast) !important;
}

footer a:hover,
.site-footer a:hover,
.footer-area a:hover {
  color: #FFFFFF !important;
}

.footer-widget-title,
.footer-area .widget-title {
  color: #FFFFFF !important;
  font-family: var(--font-headline) !important;
  border-bottom-color: #374151 !important;
}

/* Footer source strip */
.source-strip {
  background: #1F2937;
  padding: var(--space-md) 0;
  text-align: center;
  border-top: 1px solid #374151;
}

.source-strip p {
  color: #9CA3AF;
  font-size: 13px;
  letter-spacing: 0.02em;
}

/* ── Breaking News Ticker ────────────────────────────────────── */
.breaking-news-area,
.papermag-ticker,
.ticker-area,
.news-ticker {
  background-color: var(--cj-accent-breaking) !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 6px 0 !important;
}

.breaking-news-area .ticker-label,
.papermag-ticker .ticker-label {
  background-color: rgba(0,0,0,0.3) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  padding: 4px 14px !important;
}

/* ── Pagination ──────────────────────────────────────────────── */
.pagination,
.nav-links,
.papermag-pagination {
  display: flex;
  justify-content: center;
  gap: var(--space-sm);
  margin: var(--space-2xl) 0;
}

.page-numbers,
.pagination a,
.nav-links a {
  background-color: var(--cj-bg-card) !important;
  color: var(--cj-text-primary) !important;
  border: 1px solid var(--cj-border) !important;
  border-radius: 4px !important;
  padding: 8px 14px !important;
  font-weight: 500 !important;
  transition: all var(--transition-fast) !important;
}

.page-numbers:hover,
.pagination a:hover,
.nav-links a:hover {
  background-color: var(--cj-bg-card-hover) !important;
  border-color: var(--cj-border-light) !important;
}

.page-numbers.current,
.pagination .current {
  background-color: var(--cj-text-primary) !important;
  color: #fff !important;
  border-color: var(--cj-text-primary) !important;
}

/* ── Search ──────────────────────────────────────────────────── */
.search-form input[type="search"],
.search-form input[type="text"],
.papermag-search input {
  background-color: var(--cj-bg-card) !important;
  border: 1px solid var(--cj-border) !important;
  color: var(--cj-text-primary) !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
}

.search-form input:focus,
.papermag-search input:focus {
  border-color: var(--cj-accent-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(15, 76, 129, 0.1) !important;
}

/* ── Single Post / Article Page ──────────────────────────────── */
.single article.post {
  padding: 15px !important;
}

.single article.post .post-thumbnail,
.single article.post .post-thumb {
  margin-top: -15px !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
  margin-bottom: var(--space-lg) !important;
}

@media (min-width: 768px) {
  .single article.post {
    padding: var(--space-xl) !important; /* 32px padding on larger screens */
  }
  
  .single article.post .post-thumbnail,
  .single article.post .post-thumb {
    margin-top: calc(-1 * var(--space-xl)) !important;
    margin-left: calc(-1 * var(--space-xl)) !important;
    margin-right: calc(-1 * var(--space-xl)) !important;
    margin-bottom: var(--space-xl) !important;
  }
}

.single .entry-title,
.single article h1 {
  font-family: var(--font-headline) !important;
  font-weight: 800 !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  line-height: 1.2 !important;
  color: var(--cj-text-primary) !important;
  margin-bottom: var(--space-lg) !important;
}

.single .entry-content,
.single .post-content {
  color: var(--cj-text-primary) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
}

.single .entry-content h2,
.single .entry-content h3,
.single .post-content h2,
.single .post-content h3 {
  font-family: var(--font-headline) !important;
  color: var(--cj-text-primary) !important;
  margin-top: var(--space-2xl) !important;
}

.single .entry-content blockquote,
.single .post-content blockquote {
  border-left: 4px solid var(--cj-accent-primary) !important;
  background-color: var(--cj-bg-elevated) !important;
  padding: var(--space-lg) !important;
  margin: var(--space-xl) 0 !important;
  border-radius: 0 4px 4px 0 !important;
  color: var(--cj-text-secondary) !important;
  font-style: italic !important;
}

/* Source attribution in articles */
.source-attribution,
.article-source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--cj-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: var(--space-sm);
}

.source-attribution::before {
  content: '📡';
  font-size: 14px;
}

/* ── Comments ────────────────────────────────────────────────── */
.comments-area,
#comments {
  background-color: var(--cj-bg-card) !important;
  border: 1px solid var(--cj-border) !important;
  border-radius: 4px !important;
  padding: var(--space-xl) !important;
  margin-top: var(--space-2xl) !important;
}

.comment-body {
  border-bottom: 1px solid var(--cj-border) !important;
  padding: var(--space-lg) 0 !important;
}

/* ── Buttons ─────────────────────────────────────────────────── */
.btn,
button,
input[type="submit"],
.wp-block-button__link {
  background-color: var(--cj-accent-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
  transition: all var(--transition-fast) !important;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: #1E3A8A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(15, 76, 129, 0.2) !important;
}

/* ── Global Link Styles ──────────────────────────────────────── */
a {
  color: var(--cj-text-link);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: #1E3A8A;
}

/* ── Responsive Adjustments ──────────────────────────────────── */
@media (max-width: 768px) {
  .hero-area .post-title a,
  .featured-area .post-title a {
    font-size: 24px !important;
  }
  
  .walter-murrow-card {
    padding: var(--space-lg) !important;
  }
  
  .walter-murrow-card .briefing-title {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  .main-navigation a,
  .papermag-main-menu a {
    font-size: 12px !important;
    padding: 6px 8px !important;
  }
}

/* ── Selection Color ─────────────────────────────────────────── */
::selection {
  background-color: var(--cj-accent-primary);
  color: #fff;
}

::-moz-selection {
  background-color: var(--cj-accent-primary);
  color: #fff;
}

/* ── Loading / Skeleton Animation ────────────────────────────── */
@keyframes skeleton-pulse {
  0%, 100% { background-color: var(--cj-bg-card); }
  50% { background-color: var(--cj-bg-elevated); }
}

/* ── Print Styles ────────────────────────────────────────────── */
@media print {
  body {
    background: #fff !important;
    color: #000 !important;
  }
  
  .papermag-header-area,
  .breaking-news-area,
  .sidebar,
  footer {
    display: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
 *  HOMEPAGE LAYOUT — CLEAN JOURNALISM
 *  Custom layout for the ActualNews front page
 * ═══════════════════════════════════════════════════════════════════ */

/* ── Navigation Override: Colored Tiles → Clean Text Nav ─────── */
/* The Papermag Header Style 1 uses .primary-menu #primary-menu .menu-item */
.header-area .primary-menu,
.papermag-header-1 .primary-menu {
  background-color: transparent !important;
}

/* Style each menu item link to be clean text, not colored tiles */
.primary-menu .menu > li,
.primary-menu #primary-menu > li,
.primary-menu ul#primary-menu > li.menu-item {
  background-color: transparent !important;
  background: none !important;
}

.primary-menu .menu > li > a,
.primary-menu #primary-menu > li > a,
.primary-menu ul#primary-menu > li.menu-item > a,
#menu-item-27 > a, #menu-item-28 > a, #menu-item-29 > a, #menu-item-30 > a, #menu-item-31 > a {
  background-color: transparent !important;
  background: none !important;
  color: var(--cj-text-primary) !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 0 !important;
}

.primary-menu > ul > li > a:hover {
  color: var(--cj-accent-primary) !important;
  background-color: transparent !important;
}


/* ==========================================================================
   HOMEPAGE LAYOUT (Restored)
   ========================================================================== */

/* ── Homepage Container ──────────────────────────────────────── */
.da-homepage {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 var(--space-lg);
}

/* ── HERO ZONE (60/40 Split) ─────────────────────────────────── */
.da-hero-zone {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: var(--space-lg);
  margin: var(--space-xl) 0;
  min-height: 480px;
}

.da-hero-main {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--cj-bg-card);
}

.da-hero-post {
  position: relative;
  height: 100%;
  min-height: 480px;
}

.da-hero-image {
  position: absolute;
  inset: 0;
}

.da-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.da-hero-image a {
  display: block;
  height: 100%;
}

.da-hero-no-image {
  background: linear-gradient(135deg, var(--cj-bg-deep), var(--cj-bg-card));
}

.da-hero-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--space-2xl) var(--space-xl);
  background: linear-gradient(
    0deg,
    rgba(13, 17, 23, 0.95) 0%,
    rgba(13, 17, 23, 0.7) 50%,
    transparent 100%
  );
  z-index: 2;
}

.da-hero-meta-top {
  display: flex;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.da-cat-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none !important;
  color: #fff !important;
  background-color: var(--cj-accent-primary);
  transition: opacity var(--transition-fast);
}

.da-cat-badge:hover {
  opacity: 0.85;
}

/* Category-specific badge colors */
.da-cat-badge[href*="world"] { background-color: var(--cat-world) !important; }
.da-cat-badge[href*="markets"],
.da-cat-badge[href*="economy"] { background-color: var(--cat-markets) !important; }
.da-cat-badge[href*="transparency"] { background-color: var(--cat-transparency) !important; }
.da-cat-badge[href*="analysis"] { background-color: var(--cat-analysis) !important; }
.da-cat-badge[href*="daily-briefing"],
.da-cat-badge[href*="briefing"] { background-color: var(--cat-briefing) !important; }

.da-hero-title {
  font-family: var(--font-headline) !important;
  font-weight: 700;
  font-size: clamp(26px, 3.5vw, 40px);
  line-height: 1.15;
  margin-bottom: var(--space-md);
}

.da-hero-title a {
  color: #fff !important;
  text-decoration: none !important;
  transition: color var(--transition-fast);
}

.da-hero-title a:hover {
  color: var(--cj-accent-primary) !important;
}

.da-hero-excerpt {
  color: rgba(255,255,255,0.75);
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: var(--space-md);
}

.da-hero-meta-bottom {
  color: rgba(255,255,255,0.5);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.da-meta-sep {
  margin: 0 8px;
  opacity: 0.5;
}

/* ── TRENDING SIDEBAR ────────────────────────────────────────── */
.da-hero-trending {
  background-color: var(--cj-bg-card);
  border: 1px solid var(--cj-border);
  border-radius: 12px;
  padding: var(--space-xl);
  overflow-y: auto;
}

.da-trending-title {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--cj-text-primary) !important;
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-sm);
  border-bottom: 2px solid var(--cj-accent-breaking);
  display: flex;
  align-items: center;
  gap: 8px;
}

.da-trending-dot {
  width: 8px;
  height: 8px;
  background-color: var(--cj-accent-breaking);
  border-radius: 50%;
  display: inline-block;
  animation: pulse-glow 2s ease-in-out infinite;
}

.da-trending-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.da-trending-item {
  display: flex;
  gap: var(--space-md);
  padding: var(--space-md) 0;
  border-bottom: 1px solid var(--cj-border);
  transition: background-color var(--transition-fast);
}

.da-trending-item:last-child {
  border-bottom: none;
}

.da-trending-item:hover {
  background-color: var(--cj-bg-card-hover);
  margin: 0 calc(-1 * var(--space-md));
  padding-left: var(--space-md);
  padding-right: var(--space-md);
  border-radius: 6px;
}

.da-trending-num {
  font-family: var(--font-headline);
  font-weight: 800;
  font-size: 28px;
  color: var(--cj-accent-primary);
  opacity: 0.35;
  line-height: 1;
  min-width: 36px;
  flex-shrink: 0;
}

.da-trending-content {
  flex: 1;
  min-width: 0;
}

.da-trending-cats {
  margin-bottom: 4px;
}

.da-trending-cats .da-cat-badge {
  font-size: 9px;
  padding: 2px 8px;
}

.da-trending-link {
  display: block;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.35;
  color: var(--cj-text-primary) !important;
  text-decoration: none !important;
  margin-bottom: 4px;
  transition: color var(--transition-fast);
}

.da-trending-link:hover {
  color: var(--cj-accent-primary) !important;
}

.da-trending-time {
  font-size: 11px;
  color: var(--cj-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ── WALTER MURROW BROADCAST CARD ────────────────────────────── */
.da-broadcast-section {
  margin: var(--space-2xl) 0;
}

.walter-murrow-card {
  background: var(--cj-bg-card);
  border: 1px solid var(--cj-accent-breaking);
  border-radius: 12px;
  padding: var(--space-xl);
  position: relative;
  overflow: hidden;
}

.walter-murrow-card::before {
  content: '● LIVE BRIEFING';
  position: absolute;
  top: var(--space-md);
  right: var(--space-md);
  background-color: var(--cj-accent-breaking);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 4px 12px;
  border-radius: 3px;
  text-transform: uppercase;
  z-index: 3;
}

.da-broadcast-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: center;
}

.da-broadcast-video {
  border-radius: 8px;
  overflow: hidden;
}

.da-video-thumb {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.da-video-thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.da-video-thumb a {
  position: relative;
  display: block;
}

.da-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: transform var(--transition-smooth);
}

.da-video-thumb:hover .da-play-btn {
  transform: translate(-50%, -50%) scale(1.1);
}

.da-video-placeholder {
  background: linear-gradient(135deg, #1a1e28 0%, var(--cj-bg-deep) 100%);
  aspect-ratio: 16/9;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  position: relative;
}

.da-coming-soon {
  color: var(--cj-text-muted);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.da-broadcast-info {
  padding: var(--space-md) 0;
}

.da-broadcast-info .briefing-title {
  font-family: var(--font-headline) !important;
  font-size: 26px !important;
  font-weight: 700;
  color: var(--cj-text-primary);
  margin-bottom: var(--space-md);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.da-broadcast-icon {
  color: var(--cat-briefing);
  font-size: 20px;
}

.da-broadcast-date {
  color: var(--cj-text-muted);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: var(--space-md);
}

.da-broadcast-excerpt {
  color: var(--cj-text-secondary);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: var(--space-lg);
}

.da-broadcast-cta {
  display: inline-block;
  padding: 10px 24px;
  background-color: var(--cat-briefing);
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none !important;
  border-radius: 6px;
  transition: all var(--transition-fast);
}

.da-broadcast-cta:hover {
  background-color: #ff6b6b;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(248, 81, 73, 0.3);
}

.da-broadcast-cta-disabled {
  background-color: var(--cj-bg-elevated);
  cursor: default;
}

.da-broadcast-cta-disabled:hover {
  background-color: var(--cj-bg-elevated);
  transform: none;
  box-shadow: none;
}

/* ── LATEST NEWS GRID ────────────────────────────────────────── */
.da-latest-section {
  margin: var(--space-2xl) 0;
}

.da-section-title {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--cj-text-primary) !important;
  border-bottom: 2px solid var(--cj-accent-primary) !important;
  padding-bottom: var(--space-sm) !important;
  margin-bottom: var(--space-xl) !important;
}

.da-grid-3col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}

.da-card {
  background-color: var(--cj-bg-card) !important;
  border: 1px solid var(--cj-border) !important;
  border-radius: 10px !important;
  overflow: hidden;
  transition: transform var(--transition-smooth),
              box-shadow var(--transition-smooth),
              border-color var(--transition-smooth);
}

.da-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
  border-color: var(--cj-border-light);
}

.da-card-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/10;
}

.da-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-smooth);
}

.da-card:hover .da-card-image img {
  transform: scale(1.04);
}

.da-card-image a {
  display: block;
  height: 100%;
}

.da-card-no-image {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--cj-bg-elevated), var(--cj-bg-deep));
}

.da-card-body {
  padding: var(--space-lg);
}

.da-card-cats {
  margin-bottom: var(--space-sm);
}

.da-card-cats .da-cat-badge {
  font-size: 10px;
  padding: 2px 8px;
}

.da-card-title {
  margin-bottom: var(--space-sm);
}

.da-card-title a {
  font-family: var(--font-headline) !important;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.3;
  color: var(--cj-text-primary) !important;
  text-decoration: none !important;
  transition: color var(--transition-fast);
}

.da-card-title a:hover {
  color: var(--cj-accent-primary) !important;
}

.da-card-excerpt {
  color: var(--cj-text-secondary);
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: var(--space-md);
}

.da-card-meta {
  color: var(--cj-text-muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ── SOURCE STRIP ────────────────────────────────────────────── */
.da-source-strip {
  background: var(--cj-bg-card);
  border: 1px solid var(--cj-border);
  border-radius: 10px;
  padding: var(--space-xl);
  text-align: center;
  margin: var(--space-2xl) 0;
}

.da-source-label {
  color: var(--cj-text-secondary);
  font-size: 15px;
  margin-bottom: var(--space-sm);
}

.da-source-label strong {
  color: var(--cj-accent-primary);
}

.da-source-tagline {
  color: var(--cj-text-muted);
  font-size: 13px;
  font-style: italic;
}

/* ── Hero Empty State ────────────────────────────────────────── */
.da-hero-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 300px;
  text-align: center;
  padding: var(--space-2xl);
}

.da-hero-empty h2 {
  font-family: var(--font-headline);
  font-size: 32px;
  color: var(--cj-text-primary);
  margin-bottom: var(--space-md);
}

.da-hero-empty p {
  color: var(--cj-text-secondary);
  font-size: 16px;
}

/* ── RESPONSIVE: Tablet ──────────────────────────────────────── */
@media (max-width: 1024px) {
  .da-hero-zone {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .da-hero-post {
    min-height: 350px;
  }

  .da-broadcast-layout {
    grid-template-columns: 1fr;
  }

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

/* ── RESPONSIVE: Mobile ──────────────────────────────────────── */
@media (max-width: 640px) {
  .da-homepage {
    padding: 0 var(--space-md);
  }

  .da-hero-zone {
    gap: var(--space-md);
    margin: var(--space-md) 0;
  }

  .da-hero-post {
    min-height: 280px;
  }

  .da-hero-title {
    font-size: 22px !important;
  }

  .da-grid-3col {
    grid-template-columns: 1fr;
  }

  .da-trending-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* ── Fix Papermag "Blog Post" breadcrumb bar ──────────────────── */
.da-homepage ~ .breadcrumb-area,
.breadcrumb-area,
.papermag-breadcrumb {
  display: none !important;
}