/* theme-compat.css — PROD themify neutralizer for ninjaview self-head pages.
 *
 * On prod the active theme is themify-ultra, whose concatenated CSS forces global
 * heading rules:
 *     #site-description,#site-logo,h1..h6 { font-family:'Public Sans',sans-serif }
 *     h1..h6 { color:var(--theme_heading_color); letter-spacing:-.02em }
 *     h1,h2 { letter-spacing:-.03em }
 * These EXPLICIT rules override the ninjaview design, which sets no heading
 * font/color of its own and instead lets headings INHERIT the body (Inter) + the
 * parent's color — the way it renders on dev2 (where themify is absent).
 *
 * This file re-asserts that inheritance so prod matches dev2 exactly. It is loaded
 * only on the ninjaview self-head pages (dashboard/blog/admin/privacy/terms), AFTER
 * themify's concat, so it wins on equal (element-level) specificity. It is a no-op on
 * dev2 (headings already inherit there), so it is safe to keep identical on both.
 * NOTE: font-weight is intentionally left untouched (headings stay bold/700). */
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  color: inherit;
  letter-spacing: normal;
  /* font-size:revert neutralizes themify's element-level heading sizes -> UA defaults
   * (matching dev2). It stays element-level (0,0,1) specificity, so any heading that
   * ninjaview intentionally sizes via a class/container selector (e.g. the auth-card
   * title) keeps its size. Verified via computed-style diff. */
  font-size: revert;
}

/* Danger button: themify's `...,button,...{background-color:var(--ultra_color_black)}`
 * (element, 0,0,0,1) turns it black. dev2 gets red from the ninjaview-platform plugin
 * (`.nv-btn-danger{background:var(--nv-red)}`) which isn't loaded on prod. Re-assert the
 * red here at class specificity (0,0,1,0) — beats themify, no !important needed. */
.nv-btn-danger {
  background-color: #fb5b6d; /* = dev2 rgb(251,91,109), plugin --nv-red */
  color: #fff;
}

/* Support-bot chat input: themify's `input:read-write{background:var(--theme_input_bg)}`
 * has specificity (0,0,1,1) via the :read-write pseudo-class, beating support-bot's
 * `.nv-chat-input` (0,0,1,0) -> renders white. Re-assert support-bot's dark styling at
 * `input.nv-chat-input` (0,0,1,1) so it wins on later load order. Uses the same vars +
 * dark fallbacks support-bot.css uses. */
input.nv-chat-input {
  background: var(--nv-bg-card, #111118);
  color: var(--nv-text, #e2e8f0);
  border: 1px solid var(--nv-border, #1e1e2a);
  border-radius: 8px;      /* themify's input rule forces 12px; support-bot wants 8px */
  padding: 8px 12px;       /* themify forces 7.8px; support-bot wants 8px 12px */
}