/* v3.7.310: Strengthened active-state contrast override.
   v3.7.309 set the right colors but its `.page-nav-link.active`
   selector (specificity 0,2,0) lost the color cascade to
   `html[data-theme="dark"] a.wtpp-btn--subtle:link` (specificity
   0,2,2 + !important). Background still won because that rule
   only sets color. This v310 block uses
   `html[data-theme] a.X.active` (specificity 0,3,2) which
   beats the dark-theme rule for both properties. */
/* v3.7.387: removed `.wtpp-tone-active` and
   `.wtpp-tone-button.wtpp-tone-active` from this bundled rule. The v3.7.310
   rule was authored for active-state nav links and should not have included
   palette toggles in the same selector list. The bundling was beating my
   v3.7.386 list-row restyle (filled red + white text won via !important).
   Palette toggles now style purely via the v3.7.386 row rules in
   wtpp-header-icons-styles.css. */
html[data-theme] a.page-nav-link.active,
html[data-theme] a.page-nav-link.active:link,
html[data-theme] a.page-nav-link.active:visited,
html[data-theme] a.wtpp-btn--subtle.active,
html[data-theme] a.wtpp-btn--subtle.active:link,
html[data-theme] a.wtpp-btn--subtle.active:visited {
  background-color: var(--red-bg) !important;
  color: var(--pure-white) !important;
  border-color: var(--red-bg) !important;
}

html[data-theme] a.page-nav-link.active:hover,
html[data-theme] a.page-nav-link.active:focus,
html[data-theme] a.wtpp-btn--subtle.active:hover,
html[data-theme] a.wtpp-btn--subtle.active:focus {
  background-color: var(--danger-26) !important;
  color: var(--pure-white) !important;
  border-color: var(--danger-26) !important;
}