/* catalog/static/catalog/css/faq.css
 * Hover effects externalised from templates/catalog/guidance/FAQ.html (CSP script-src).
 *
 * Three classes below carry numerically-identical transform/box-shadow values, ported
 * with each source element's own rgba() formatting rather than normalised into one
 * class, per the "use exact values from the handler you replace" rule:
 *   - faq-card-hover-a: main topic tiles + Company Registration subtiles (spaced rgba
 *     throughout the original onmouseover/onmouseout).
 *   - faq-card-hover-b: Annual Return / Tax & Accounting subtiles (unspaced rgba
 *     throughout).
 *   - faq-card-hover-c: Company Secretarial subtiles (resting box-shadow was spaced,
 *     but the original onmouseover/onmouseout used unspaced rgba -- a third, mixed
 *     combination).
 * In each case the resting box-shadow value moved here is the one that was in the
 * element's own inline style= attribute (a same-property collision with the hover
 * handler it replaces); the :hover box-shadow is the original onmouseover value.
 */
.faq-card-hover-a {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.faq-card-hover-a:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.faq-card-hover-b {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.faq-card-hover-b:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.faq-card-hover-c {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.faq-card-hover-c:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* Bottom CTA buttons: no same-property collision -- only `transition` is declared
 * inline, not `transform`/`background` themselves. */
.faq-cta-btn-primary:hover {
    transform: translateY(-2px);
}

.faq-cta-btn-secondary:hover {
    background: rgba(49,27,146,0.08);
}