/* SimplyIrfan Magazine v2.10.72 — dark metadata contrast and header hover cleanup.
   Loaded last so Customizer-generated and preset styles cannot reintroduce dark text
   or a filled white navigation hover state in dark mode. */

/* Card metadata: readable muted-white text on dark cards across homepage and archives. */
html[data-theme="dark"] body .traditional-meta,
html[data-theme="dark"] body .traditional-meta *,
html[data-theme="dark"] body .hero-date,
html[data-theme="dark"] body .byline,
html[data-theme="dark"] body .byline *,
html[data-theme="dark"] body .ranked-list small,
html[data-theme="dark"] body .popular-item small,
html[data-theme="dark"] body .category-story-card time,
html[data-theme="dark"] body .category-story-card .meta-line,
html[data-theme="dark"] body .category-story-card .meta-line *,
html[data-theme="dark"] body .strip-card-meta,
html[data-theme="dark"] body .strip-card-meta *,
html[data-theme="dark"] body .strip-card-byline,
html[data-theme="dark"] body .strip-card-byline *,
html[data-theme="dark"] body .editor-card .byline,
html[data-theme="dark"] body .latest-card .byline,
html[data-theme="dark"] body .latest-byline,
html[data-theme="dark"] body .latest-byline *,
html[data-theme="dark"] body .meta-line,
html[data-theme="dark"] body .meta-line *,
html[data-theme="dark"] body .editor-card time,
html[data-theme="dark"] body .brief-copy time,
html[data-theme="dark"] body .strip-card time,
html[data-theme="dark"] body .latest-card time,
html[data-theme="dark"] body .archive-card .meta-line,
html[data-theme="dark"] body .si-archive-card .traditional-meta {
  color: #c4c9d4 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Keep metadata separators visible but slightly quieter than the text. */
html[data-theme="dark"] body .traditional-meta-separator,
html[data-theme="dark"] body .strip-card-meta-separator,
html[data-theme="dark"] body .strip-card-meta [aria-hidden="true"],
html[data-theme="dark"] body .meta-line span {
  color: #9299a8 !important;
  opacity: 1 !important;
}

/* Dark header navigation: no white/pale filled hover or active pill. */
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li:hover > a,
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li:focus-within > a,
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li.current-menu-item > a,
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li.current_page_item > a,
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li.current-menu-ancestor > a,
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li.current_page_ancestor > a {
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Retain a subtle white underline as the active/hover indicator, not a filled box. */
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li:hover > a,
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li:focus-within > a,
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li.current-menu-item > a,
html[data-theme="dark"] body .site-header .primary-nav .nav-list > li.current_page_item > a {
  text-decoration: underline !important;
  text-decoration-color: rgba(255,255,255,.75) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 8px !important;
}

/* Dropdown links remain transparent on hover in dark mode as well. */
html[data-theme="dark"] body .site-header .primary-nav .nav-list .sub-menu a:hover,
html[data-theme="dark"] body .site-header .primary-nav .nav-list .sub-menu a:focus-visible {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

/* Mobile navigation links should not inherit a light-mode active fill either. */
html[data-theme="dark"] body .site-header .mobile-menu .mobile-nav-list > li > a:hover,
html[data-theme="dark"] body .site-header .mobile-menu .mobile-nav-list > li > a:focus-visible,
html[data-theme="dark"] body .site-header .mobile-menu .mobile-nav-list > li.current-menu-item > a,
html[data-theme="dark"] body .site-header .mobile-menu .mobile-nav-list > li.current_page_item > a {
  background: transparent !important;
  color: #fff !important;
}