/* catalog/static/catalog/css/marketing_navbar.css
 *
 * Hover styling for the marketing-site navbar (templates/partials/_navbar.html), externalised
 * for CSP enforcement. Replaces the onmouseover/onmouseout pairs that wrote this.style.* directly.
 * Values are reproduced verbatim from the JS mouseover targets. The three navbar buttons take
 * their hover from the shared ui-btn classes instead.
 *
 * The nav text links' mouseout target diverged from the underlying Tailwind class default (it
 * reset color to #4c51bf rather than the text-indigo-dark class's #311B92) — a one-off permanent
 * colour drift that only ever showed up after a visitor's first hover+mouseout on desktop, and
 * never on first paint or on touch. A stateless CSS :hover cannot reproduce that drift, so the
 * resting (non-hover) state below intentionally keeps the original Tailwind class colour rather
 * than the drifted one. Flagged for the visual QA pass.
 */

.navbar-logo-link:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 6px 25px rgba(40, 36, 139, 0.9));
}

#serviceButton:hover,
#guidance:hover,
#library:hover,
#about:hover,
#faq:hover {
    transform: scale(1.1);
    color: #3730a3;
    text-shadow: 0 4px 10px rgba(55, 48, 163, 0.8);
}

#desktopSearchBtn:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 4px 10px rgba(55, 48, 163, 0.8));
}