/* animations/menu/categories-and-menu-hover-colour-changing-stars.css
   SIMPLIFIED & ROBUST: only positive hover triggers, no global reset.
   If nothing is hovered, the page stays at the base values from stars-video.css.
   Triggers (from your homepage):
     • MENU left:  a[data-glow="true"], a[href$="the-character-series.html"]
     • MENU right: a[href$="the-world-of-eisth.html"]  (and .pink-link a if present)
     • BIG FRAMES: .category.blue-neon (left), .category.pink-neon (right)
     • LATEST RELEASES minis: .mini-neon-frame.mini-lavender/.mini-pink → hover on .lr-card
   Look: visible but DESATURATED. Brightness fixed at 1.2 everywhere.
*/

/* ——— LEFT / LAVENDER ——— */
:root:has(
  a[data-glow="true"]:hover,
  a[href$="the-character-series.html"]:hover,
  .category.blue-neon:hover,
  .mini-frames .mini-neon-frame.mini-lavender .lr-card:hover
){
  --stars-colorize: 1 !important;      /* ensure hue-rotate is visible */
  --stars-hue: 225deg !important;      /* lavender */
  --stars-saturate: 1.6 !important;   /* DESAT */
  --stars-brightness: 1.05 !important;  /* stable exposure */
  
}

/* ——— RIGHT / PINK ——— */
:root:has(
  .pink-link a:hover,
  a[href$="the-world-of-eisth.html"]:hover,
  .category.pink-neon:hover,
  .mini-frames .mini-neon-frame.mini-pink .lr-card:hover
){
  --stars-colorize: 1 !important;
  --stars-hue: 300deg !important;      /* cool magenta (away from red) */
  --stars-saturate: 0.8 !important;
  --stars-brightness: 1.05 !important;
  
}