/* catalog/static/catalog/css/marketing_navbar.css
 *
 * Hover styling for the marketing-site navbar (templates/partials/_navbar.html), externalised
 * for CSP enforcement. Replaces 10 onmouseover/onmouseout pairs that wrote this.style.* directly.
 * Values are reproduced verbatim from the JS mouseover targets.
 *
 * Two elements' mouseout target diverged from the underlying Tailwind class default (the nav
 * text links reset color to #4c51bf rather than the text-indigo-dark class's #311B92; the
 * Register Company button reset background-color to #2f855a rather than the bg-green-700 class's
 * default) — 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));
}

#name-search:hover,
#myincorpro-login:hover {
    box-shadow: 0 4px 20px rgba(76, 81, 191, 0.7);
}

#register:hover {
    box-shadow: 0 3px 12px rgba(34, 139, 34, 0.7);
    background-color: #38a169;
}