/* Hover states that Navbar.tsx and Footer.tsx set from React mouse handlers.
   Values are copied from those components; !important beats the inline styles. */
nav[aria-label="Main"] > a:first-child:hover > svg,
nav[aria-label="Main"] > a:first-child:hover > span { opacity: 0.8 !important; }
nav[aria-label="Main"] .rh-nav-desktop a:not([aria-current]):hover { color: #1E293B !important; }
footer .footer-nav-col a:hover { color: #09090C !important; text-decoration: underline !important; text-decoration-color: #09090C !important; }
footer .footer-legal a:hover { color: #09090C !important; }
footer a.footer-social-icon:hover { border-color: #64748B !important; }