/* catalog/static/catalog/css/first_ar_service.css
 * Hover effects externalised from templates/catalog/services/first_ar_service.html (CSP script-src).
 *
 * The large submit button declares the same background and box-shadow inline that its hover
 * handler used to write — 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-submit-btn-large` is qualified with the `button` type selector: this page's CSS
 * (linked in {% block additionalHeadContent %}, base.html:15) loads 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) and wins by source order over a bare `.im-submit-btn-large` class
 * selector (also (0,1,0)). Qualifying to `button.im-submit-btn-large` raises specificity to
 * (0,1,1), which beats Tailwind's attribute selector regardless of load order.
 */

button.im-submit-btn-large {
    background: #FFB300;
    box-shadow: 0 4px 14px rgba(255, 179, 0, 0.3);
}
button.im-submit-btn-large:hover {
    background: #ffc107;
    box-shadow: 0 6px 20px rgba(255, 179, 0, 0.4);
}

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

.im-hover-bg-purple-08:hover {
    background: rgba(49, 27, 146, 0.08);
}