/**
 * ja_nexora — Tags overlay (tags.css)
 * Loaded on both com_tags views: tag (body.view-tag) and tags-index (body.view-tags).
 * Fixes isolated to these views only — no shared scss recompile needed.
 *
 * T1  [UNDEFINED-TOKEN-FALLBACK-TO-DARK-HEX]
 *     --tag-dim on body.view-tag hardcoded #6B7196 (DARK $text-dim); never remapped light.
 *     Affects .nx-tag-eyebrow (TAGGED pre) + .nx-tag-meta (author·date·read).
 *     Fix: remap to var(--color-text-dim) which = #888EA6 light / #6B7196 dark (already correct).
 *     Specificity 0,2,1 beats the 0,1,0 var(--tag-dim) rule.
 *
 * TI1 [UNDEFINED-TOKEN-FALLBACK-TO-DARK-HEX]
 *     --tags-dim on body.view-tags hardcoded #6B7196; never remapped light.
 *     Affects .nx-tag-count (standard chip count, not featured).
 *     Fix: remap to var(--color-text-dim) for light.
 *
 * T5  [OFF-BY-PX / FLEX-GROW]
 *     .nx-tag-row uses min-height: 158px — allows rows to grow when body content is taller.
 *     .pen specifies fixed height 158 + clip:true (overflow:hidden).
 *     Fix: height: 158px (fixed), min-height: unset. overflow: hidden already in base rule.
 *
 * Injection: addCustomTag + filemtime() cache-bust in default.php (both tag+tags overrides).
 */

/* ─── T1: Tag eyebrow + meta $text-dim light leak ─── */
/* Use :not([data-bs-theme="dark"]) to scope to light without touching dark.
   --color-text-dim = #888EA6 light (defined at _nexora.scss:46) / #6B7196 dark (darkmode.scss:35). */
html:not([data-bs-theme="dark"]) body.view-tag .nx-tag-eyebrow {
    color: var(--color-text-dim);
}
html:not([data-bs-theme="dark"]) body.view-tag .nx-tag-meta {
    color: var(--color-text-dim);
}

/* ─── TI1: Tags-index chip count $text-dim light leak ─── */
html:not([data-bs-theme="dark"]) body.view-tags .nx-tag-count {
    color: var(--color-text-dim);
}

/* ─── T5: Tag feed row fixed height 158px ─── */
/* .pen specifies height:158 (not min-height); overflow:hidden already in base rule. */
body.view-tag .nx-tag-row {
    height: 158px;
    min-height: unset;
}
/* Mobile: rows are simple list items (transparent, border-bottom only) — override back to auto */
@media (max-width: 767.98px) {
    body.view-tag .nx-tag-row {
        height: auto;
        min-height: unset;
    }
}