/* 
 * NUCLEAR TEAL EFFECT ELIMINATOR
 * This CSS file will DESTROY all teal hover effects with maximum specificity
 */

/* KILL ONLY TEAL OUTLINES AND BORDERS - PRESERVE NORMAL BORDERS */
* {
    /* Don't kill ALL borders - only teal ones */
}

/* Target ONLY teal hover effects - preserve normal hovers */
*:hover {
    /* Only remove teal outlines - preserve normal hover effects */
}

/* SPECIFICALLY target elements with teal outlines */
*[style*="outline: 1px solid rgba(0, 161, 154"],
*[style*="outline: 2px solid rgba(0, 161, 154"],
*[style*="outline: 3px solid rgba(0, 161, 154"],
*[style*="outline: 1px dotted rgba(0, 161, 154"],
*[style*="outline: 2px dotted rgba(0, 161, 154"] {
    outline: none !important;
    border: none !important;
}

*:focus {
    outline: none !important;
    border: none !important;
}

/* TARGET SPECIFIC TEAL COLORS */
*[style*="#00a19a"],
*[style*="#00A19A"],
*[style*="#00d2ff"],
*[style*="#00D2FF"],
*[style*="#00C4B5"],
*[style*="#00c4b5"],
*[style*="rgb(0, 161, 154)"],
*[style*="rgba(0, 161, 154"],
*[style*="rgb(0,161,154)"],
*[style*="rgba(0,161,154"] {
    outline: none !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* KILL ANY PSEUDO ELEMENTS */
*::before,
*::after,
*:hover::before,
*:hover::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* OVERRIDE ANY CLASS-BASED EFFECTS */
.elite-editable-element,
.elite-editable-element:hover,
.elite-currently-selected,
.elite-currently-selected:hover {
    outline: none !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* PRESERVE ANIMATIONS - Only kill teal-related transitions */
* {
    /* Don't kill all transitions - be more specific */
}

/* ONLY target teal-related hover effects - preserve normal animations */
.elite-editable-element:hover,
.elite-currently-selected:hover,
*[class*="elite-"]:hover {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* PRESERVE FILTERS - Only target specific teal effects */

/* FINAL TARGETED APPROACH - Only kill specific teal outlines */
html *[style*="rgba(0, 161, 154)"],
html *[style*="rgb(0,161,154)"],
html *[style*="#00a19a"],
html *[style*="#00A19A"] {
    outline: 0 !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
} 