/* Cross-calculator visual audit: loaded last, after legacy and redesign layers. */
body:is(.weight-page, .calories-page, .meta-page) > .page-intro,
body:is(.weight-page, .calories-page, .meta-page) > .page-intro:hover {
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
body:is(.weight-page, .calories-page, .meta-page) > .page-intro h1 {
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
}

/* Meta inherited the old blue track after the redesigned rule was overridden. */
body.meta-page input[type="range"] { background:transparent !important; }
body.meta-page input[type="range"]::-webkit-slider-runnable-track {
  height:3px !important;
  border:0 !important;
  background:linear-gradient(to right,var(--ves-primary) 0 var(--range-progress,50%),#dfe5e4 var(--range-progress,50%) 100%) !important;
  box-shadow:none !important;
}
html[data-theme="dark"] body.meta-page input[type="range"]::-webkit-slider-runnable-track {
  background:linear-gradient(to right,var(--ves-primary) 0 var(--range-progress,50%),#3a4645 var(--range-progress,50%) 100%) !important;
}
body.meta-page input[type="range"]::-moz-range-track { height:3px !important; border:0 !important; background:#dfe5e4 !important; box-shadow:none !important; }
html[data-theme="dark"] body.meta-page input[type="range"]::-moz-range-track { background:#3a4645 !important; }

/* Light calorie results retain the same restrained palette as their dark counterpart. */
html[data-theme="light"] body.calories-page #bmr-card h4,
html[data-theme="light"] body.calories-page #bmr-card #bmr-value {
  color:var(--ves-primary) !important;
  background:none !important;
  -webkit-text-fill-color:var(--ves-primary) !important;
  text-shadow:none !important;
}
html[data-theme="light"] body.calories-page #bmr-card .bmr-value-wrap small { color:var(--ves-muted) !important; }
html[data-theme="light"] body.calories-page #calorie-range-card { border-top-color:var(--ves-line) !important; }
html[data-theme="light"] body.calories-page #calorie-range-card h4 { color:var(--ves-primary) !important; }
html[data-theme="light"] body.calories-page #calorie-range-card > div span,
html[data-theme="light"] body.calories-page #calorie-range-card > div:nth-of-type(2) span {
  color:#816a34 !important;
  background:none !important;
  -webkit-text-fill-color:#816a34 !important;
  text-shadow:none !important;
}
