/* Simple No Hover CSS - Clean and Minimal Approach */

/* GLOBAL STATIC DESIGN ENFORCEMENT */
* {
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

/* Ensure all interactive elements work */
input, textarea, select, button, a, [tabindex], [role="button"] {
    pointer-events: auto !important;
    user-select: auto !important;
}

/* STATE CARDS - CRITICAL FIX */
.state-preview-card:hover,
.state-card:hover {
    background: white !important;
    background-color: white !important;
    border-color: #e9ecef !important;
    transform: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    color: inherit !important;
}

/* BUTTONS */
.btn:hover,
button:hover {
    background-color: inherit !important;
    border-color: inherit !important;
    color: inherit !important;
    transform: none !important;
    box-shadow: none !important;
}

/* LINKS */
a:hover {
    color: inherit !important;
    text-decoration: underline !important;
    background: transparent !important;
}

/* GENERAL CARDS */
.card:hover {
    background: inherit !important;
    border-color: inherit !important;
    transform: none !important;
    box-shadow: inherit !important;
}

/* NAVIGATION */
.nav-link:hover,
.navbar-nav .nav-link:hover {
    background: transparent !important;
    color: inherit !important;
}

/* FOCUS STATES */
*:focus {
    outline: 1px solid #666 !important;
    outline-offset: 1px !important;
}