/*
 * catalog/static/catalog/css/new_services_listing_page.css
 * Hover effects externalised from templates/catalog/services/new_services_listing_page.html
 * (CSP migration — onmouseover/onmouseout replaced with :hover classes).
 * The IAA "winner" tooltip's own hover rule lives in templates/partials/iaa_winner_tooltip.html.
 */

/* Nav pills. The resting border colour was declared inline via the `border` shorthand
   (specificity trap) — moved here so the :hover rule can override it. */
.nsl-nav-pill {
    border: 1.5px solid rgba(255, 255, 255, 0.3);
}
.nsl-nav-pill:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: white;
}

/* Tool/service cards. The resting box-shadow was declared inline (specificity trap) —
   moved here so the :hover rule can override it. */
.nsl-svc-card {
    transform: translateY(0);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.nsl-svc-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 36px rgba(49, 27, 146, 0.15);
}

/* Primary CTA button. The resting box-shadow was declared inline (specificity trap) —
   moved here so the :hover rule can override it. */
.nsl-cta-primary {
    transform: translateY(0);
    box-shadow: 0 4px 14px rgba(255, 179, 0, 0.3);
}
.nsl-cta-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 179, 0, 0.4);
}

/* Secondary (outline) CTA link. The resting border colour was declared inline via the
   `border` shorthand (specificity trap) — moved here so the :hover rule can override it. */
.nsl-cta-outline {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.4);
}
.nsl-cta-outline:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: white;
}