/*
 * catalog/static/catalog/css/bookkeeping_services.css
 * Hover effects externalised from templates/catalog/services/bookkeeping_services.html
 * (CSP migration — onmouseover/onmouseout replaced with :hover classes).
 */

/* Group 1: hero/CTA buttons and links — simple lift, no resting-value collision. */
.bk-lift-sm {
    transform: translateY(0);
}
.bk-lift-sm:hover {
    transform: translateY(-2px);
}

/* Group 1b: outline buttons whose hover only tints the (unset) background. */
.bk-lift-bg {
    background: transparent;
}
.bk-lift-bg:hover {
    background: rgba(49, 27, 146, 0.08);
}

/* Group 2: package cards. The resting box-shadow was declared inline (specificity trap) —
   moved here so the :hover rule can override it. */
.bk-card-lift {
    transform: translateY(0);
    box-shadow: 0 8px 32px rgba(49, 27, 146, 0.2);
}
.bk-card-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(49, 27, 146, 0.3);
}

/* Group 3: "Complete the Setup Form" / "Compare Our Packages" buttons and links. */
.bk-btn-glow-70:hover {
    box-shadow: 0 4px 20px rgba(76, 81, 191, 0.7);
}

/* Group 4: modal Add/Remove Director and Submit buttons (lighter alpha than Group 3). */
.bk-btn-glow-50:hover {
    box-shadow: 0 4px 20px rgba(76, 81, 191, 0.5);
}

/* Group 5: modal close (X) icon. The resting colour was declared inline (specificity trap) —
   moved here so the :hover rule can override it. */
.bk-close-x {
    color: #4c51bf;
}
.bk-close-x:hover {
    color: #2b6cb0;
}

/* Group 6+7: "What is Included" and "MyIncorpro Platform" cards. The resting box-shadow was
   declared inline (specificity trap) — moved here so the :hover rule can override it. */
.bk-feature-card {
    transform: translateY(0);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.bk-feature-card--purple:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(49, 27, 146, 0.12);
}
.bk-feature-card--gold:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(255, 179, 0, 0.12);
}

/* Group 8: FAQ item wrappers. */
.bk-faq-item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}