/* Global Hover Effects for Clickable Elements */

a, 
button, 
input[type="button"], 
input[type="submit"], 
[role="button"],
.elementor-button,
.elementor-clickable {
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Hover State */
a:hover, 
button:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, 
[role="button"]:hover,
.elementor-button:hover,
.elementor-clickable:hover {
    filter: brightness(1.15) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(107, 33, 168, 0.15) !important;
}

/* Active/Click State */
a:active, 
button:active, 
input[type="button"]:active, 
input[type="submit"]:active, 
[role="button"]:active,
.elementor-button:active,
.elementor-clickable:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 5px rgba(107, 33, 168, 0.1) !important;
}