/**
 * ja_nexora — Archive page pixel-parity overlay (body:has(.nx-arch-header) scope only).
 *
 * Root cause (ARCH1 / [DARK-HEX-IN-LIGHT]):
 *   _nexora.scss:6963 declares `--arch-dim: #6B7196` as a hardcoded dark hex.
 *   This token is used for section labels ("BY YEAR"/"MOST READ"/"TAGS"),
 *   month-count colour, and row-date colour. In dark mode #6B7196 = $text-dim ✅.
 *   In light mode it should be #888EA6 but stays #6B7196 ❌.
 *
 * Fix: re-bind --arch-dim to var(--color-text-dim) which correctly resolves to
 *   #888EA6 in light (_nexora.scss:46) and #6B7196 in dark (darkmode.scss:35).
 *
 * Loaded render-last via addCustomTag (not addStyleSheet) so it beats any
 * equal-specificity rules inside the T4 optimize bundle.
 */

/* ── ARCH1 ──────────────────────────────────────────────────────────────────
   Re-bind --arch-dim to the tokenised $text-dim so it flips correctly.
   Specificity 0,1,0 (on body:has(.nx-arch-header)) beats the 0,1,0 on the same selector
   in the bundle when this stylesheet loads AFTER the bundle (addCustomTag).
   Applies: "BY YEAR" / "MOST READ" / "TAGS" labels, month-count, row-date.
   ─────────────────────────────────────────────────────────────────────────── */
body:has(.nx-arch-header) {
  --arch-dim: var(--color-text-dim);
}

/* ── Empty-state UI (archive.md spec: icon + "No archived articles") ─────────
   Replaces the bare Joomla COM_CONTENT_NO_ARTICLES string with a centred
   icon+label pair — lucide:archive SVG (current-color = text-dim) + muted text.
   ─────────────────────────────────────────────────────────────────────────── */
body:has(.nx-arch-header) .nx-arch-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 48px 0;
  text-align: center;
}
body:has(.nx-arch-header) .nx-arch-empty-icon {
  color: var(--color-text-dim);
  opacity: .7;
}
body:has(.nx-arch-header) .nx-arch-empty {
  /* override the existing muted/15px rule — keep same tokens */
  color: var(--color-muted);
  font-size: 15px;
  margin: 0;
}