/*
 * 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);
}

/* Group 9: each package's details. Included services and package limitations are separate tables,
   side by side on a wide screen and stacked on a phone (ticket 93c10dd0). */
.bk-package-detail-tables {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: start;
    margin: 20px 0;
}
@media (min-width: 768px) {
    .bk-package-detail-tables {
        grid-template-columns: 1fr 1fr;
    }
}