/* catalog/static/catalog/css/contact.css
 * Hover effects externalised from templates/catalog/why_us/contact.html (CSP script-src).
 *
 * Several elements declare the same property inline that their hover handler used to
 * write (background/border-color/colour) — those resting values were moved out of the
 * element's style= attribute and into the matching rule below so the class can win the
 * cascade instead of losing to a higher-specificity inline declaration.
 */

.im-hover-lift-sm:hover {
    transform: translateY(-2px);
}

.im-hover-bg-fade:hover {
    background: rgba(255, 255, 255, 0.1);
}

.im-contact-outline-btn {
    border: 2px solid rgba(255, 255, 255, 0.4);
    background: transparent;
}
.im-contact-outline-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: white;
}

.im-hover-card-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.im-hover-cert-glow:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 16px rgba(49, 27, 146, 0.15);
}

/* Qualified with `button`: this page's CSS loads (in {% block additionalHeadContent %},
 * base.html:15) BEFORE the compiled Tailwind sheet (base.html:39), whose preflight carries
 * `[type=button],[type=reset],[type=submit],button { background-color: initial; ... }` at
 * specificity (0,1,0) — it beat the bare `.im-carousel-nav-btn` class (also (0,1,0)) by
 * source order on the two 2026 carousel buttons (which carry type="button"), while the 2025
 * pair (no type attribute) rendered correctly — inconsistent styling. `button.im-carousel-
 * nav-btn` raises specificity to (0,1,1), beating Tailwind's attribute selector on all four. */
button.im-carousel-nav-btn {
    background: rgba(49, 27, 146, 0.08);
}
button.im-carousel-nav-btn:hover {
    background: rgba(49, 27, 146, 0.15);
}
.im-carousel-nav-btn-focus-ring:focus {
    box-shadow: 0 0 0 2px #311b92;
}

.im-hover-scale:hover {
    transform: scale(1.05);
}

.im-modal-close-btn {
    color: #4c51bf;
}
.im-modal-close-btn:hover {
    color: #2b6cb0;
}

.im-hover-scale-lg:hover {
    transform: scale(1.2);
}