/*
  Problem this file solves:
  Some WP themes / dark-mode extensions apply a global CSS filter (invert + hue-rotate)
  to the whole page. In that case "black" text is visually rendered as white.

  We can't cancel a parent filter from inside with `filter:none`.
  The reliable approach is to apply the same invert/hue-rotate filter again on the plugin
  root (double inversion => original colors).
*/

/* When JS detects a page-level filter, it adds .mtt-filterfix to the plugin root */
.murpsy-test-root.mtt-filterfix{
  filter: invert(1) hue-rotate(180deg) !important;
  -webkit-filter: invert(1) hue-rotate(180deg) !important;
}

/* Keep the report readable and consistent */
.murpsy-test-root .mtt-report,
.murpsy-test-root .mtt-report *{
  color:#111 !important;
}

.murpsy-test-root .mtt-report h1,
.murpsy-test-root .mtt-report h2,
.murpsy-test-root .mtt-report h3,
.murpsy-test-root .mtt-report h4,
.murpsy-test-root .mtt-report summary{
  color:#111 !important;
}

/* If the theme makes backgrounds translucent/dark under filters, ensure contrast */
.murpsy-test-root.mtt-filterfix .mtt-subcard{
  background:#fff !important;
  border-color: rgba(0,0,0,.12) !important;
}