/* ============================================
   HARIAN JOGJA - DARK MODE STYLESHEET
   Separate file for dark mode styles
   ============================================ */

/* ============================================
   DARK MODE VARIABLES
   ============================================ */

[data-theme="dark"] {
  --bg-primary: #0f0f1a;
  --bg-secondary: #1a1a2e;
  --bg-tertiary: #242438;
  --footer-bg: #0a234e;
  --text-primary: #fafafa;
  --text-secondary: #c9c9c9;
  --text-tertiary: #8a8a8a;
  --border-color: #2a2a4a;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

/* ============================================
   LOGO & ICONS
   ============================================ */

[data-theme="dark"] .logo-light {
  display: none;
}

[data-theme="dark"] .logo-dark {
  display: block;
}

[data-theme="dark"] .sun-icon {
  display: block;
}

[data-theme="dark"] .moon-icon {
  display: none;
}

[data-theme="dark"] .footer {
  background: var(--bg-primary);
}

[data-theme="dark"] .footer-logo-light {
  display: none;
}

[data-theme="dark"] .footer-logo-dark {
  display: block;
}

/* ============================================
   NAVIGATION
   ============================================ */

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active {
  background: var(--bg-secondary);
}

[data-theme="dark"] .nav-dropdown-toggle:hover,
[data-theme="dark"] .nav-dropdown-toggle.active {
  background: var(--bg-secondary);
}

[data-theme="dark"] .nav-dropdown-link:hover {
  background: var(--bg-secondary);
}
[data-theme="dark"] .mobile-nav-link:hover,
[data-theme="dark"] .mobile-nav-link.active {
  color: var(--accent-hover);
}

/* ============================================
   HERO SECTION
   ============================================ */

[data-theme="dark"]
  .hero-headline-link:hover
  .hero-headline
  .hero-headline-title {
  color: var(--accent-hover);
}

[data-theme="dark"] .hero-sub-article-link:hover .sub-article-title {
  color: var(--accent-hover);
}

[data-theme="dark"] .sub-article-category {
  color: var(--accent);
}

[data-theme="dark"] .hero-sub-article-link:hover .sub-article-category {
  color: var(--accent-hover);
}

/* ============================================
   SIDEBARTICLE
   ============================================ */

[data-theme="dark"] .sidebar-article-link:hover .sidebar-article-title {
  color: var(--accent-hover);
}

[data-theme="dark"] .sidebar-article-link .sidebar-category {
  color: var(--accent-hover);
}

/* ============================================
   EDITOR
   ============================================ */

[data-theme="dark"] .editor-name {
  color: var(--accent);
}

[data-theme="dark"] .editor-name:hover {
  color: var(--accent-hover);
}

/* ============================================
   GLOBAL LINKS
   ============================================ */

[data-theme="dark"] a:hover {
  color: var(--accent-hover);
}

/* ============================================
   BACA JUGA SECTION
   ============================================ */

[data-theme="dark"] .baca-juga-item a:hover .baca-juga-headline {
  color: var(--accent-hover);
}

[data-theme="dark"] .baca-juga-section {
  border-top-color: var(--accent);
  border-bottom-color: var(--accent);
}

[data-theme="dark"] .baca-juga-title {
  color: var(--text-primary);
}

[data-theme="dark"] .baca-juga-item:hover .baca-juga-headline {
  color: var(--accent-hover);
}

/* ============================================
   RELATED ARTICLES
   ============================================ */

[data-theme="dark"] .related-simple-item:hover .related-simple-title {
  color: var(--accent-hover);
}

/* ============================================
   LATEST NEWS
   ============================================ */

[data-theme="dark"] .latest-news-item:hover .latest-news-title {
  color: var(--accent-hover);
}

[data-theme="dark"] .latest-news-link:hover .latest-news-title {
  color: var(--accent-hover);
}

[data-theme="dark"]
  .latest-news-list-full
  .latest-news-item:hover
  .latest-news-title {
  color: var(--accent-hover);
}

[data-theme="dark"] .latest-news-category {
  color: var(--accent);
}

/* ============================================
   SIDEBAR NEWS
   ============================================ */

[data-theme="dark"] .sidebar-news-card:hover .sidebar-news-title {
  color: var(--accent-hover);
}

[data-theme="dark"]
  .sidebar-news-list
  .sidebar-news-card.with-image:hover
  .sidebar-news-title {
  color: var(--accent-hover);
}

[data-theme="dark"] .sidebar-news-link:hover .sidebar-news-title,
[data-theme="dark"] .sidebar-news-link:hover .sidebar-news-item-title {
  color: var(--accent-hover);
}

/* ============================================
   SECTION KEDUA
   ============================================ */

[data-theme="dark"] .section-kedua-card:hover .section-kedua-card-title {
  color: var(--accent-hover);
}

[data-theme="dark"] .section-kedua-card-link:hover .section-kedua-card-title {
  color: var(--accent-hover);
}

/* ============================================
   SIDEBAR NATIONAL
   ============================================ */

[data-theme="dark"] .sidebar-national-item:hover .national-title {
  color: var(--accent-hover);
}

/* ============================================
   ARTICLE DETAIL
   ============================================ */

[data-theme="dark"] .article-detail-content blockquote {
  border-left-color: var(--accent);
}

[data-theme="dark"] .article-detail-content a {
  color: var(--accent);
}

[data-theme="dark"] .article-detail-content a:hover {
  color: var(--accent-hover);
}

[data-theme="dark"] .article-detail-content p a {
  color: var(--accent);
}

[data-theme="dark"] .article-detail-content p a:hover {
  color: var(--accent-hover);
}

/* ============================================
   PAGINATION
   ============================================ */

[data-theme="dark"] .pagination-btn:hover,
[data-theme="dark"] .pagination-number:hover {
  color: var(--accent-hover);
  border-color: var(--accent-hover);
}

[data-theme="dark"] .pagination-number.active {
  color: var(--primary);
  background: var(--accent);
  border-color: var(--accent);
}

/* ============================================
   FILTER (INDEKS PAGE)
   ============================================ */

[data-theme="dark"] .filter-select {
  background: var(--bg-secondary);
}

[data-theme="dark"] .filter-select:focus {
  box-shadow: 0 0 0 3px rgba(244, 197, 13, 0.2);
}

[data-theme="dark"] .filter-btn {
  background: var(--accent);
  color: var(--primary);
}

[data-theme="dark"] .filter-btn:hover {
  background: var(--accent-hover);
}

/* ============================================
   SHARE BUTTONS
   ============================================ */

[data-theme="dark"] .share-btn:hover,
[data-theme="dark"] .share-btn.copy-link:hover {
  color: var(--accent-hover);
}

/* ============================================
   FEATURED SECTION
   ============================================ */

[data-theme="dark"] .featured-card-link:hover .featured-card-title {
  color: var(--accent-hover);
}

/* ============================================
   SECTION PERTAMA (MAIN ARTICLES)
   ============================================ */

[data-theme="dark"] .main-article-link:hover .main-article-title {
  color: var(--accent-hover);
}

[data-theme="dark"] .main-article-item-link:hover .main-article-item-title {
  color: var(--accent-hover);
}

/* ============================================
   POPULAR SECTION
   ============================================ */

[data-theme="dark"] .popular-number {
  color: var(--accent);
}

[data-theme="dark"] .popular-link:hover .popular-title {
  color: var(--accent-hover);
}

/* ============================================
   END OF DARK MODE STYLES
   ============================================ */