/* ===============================================
   SOCIAL BUTTON HOVER FIX - FINAL OVERRIDE
   This file MUST be loaded LAST to override all other styles
   =============================================== */

/* Remove ALL text decorations from ALL elements on hover */
*,
*:hover,
*:focus,
*:active,
*:visited,
*::before,
*::after,
*:hover::before,
*:hover::after {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
}

/* Specific targeting for all link elements */
a,
a:hover,
a:focus,
a:active,
a:visited,
a[href],
a[href]:hover {
    text-decoration: none !important;
}

/* Social Button Base Styles */
.social-btn,
a.social-btn,
button.social-btn,
[class*="social-btn"],
.ultra-social-links a,
.project-card a.social-btn,
.ultra-3d-project-card a.social-btn {
    text-decoration: none !important;
    outline: none !important;
    border: none !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Social Button Hover States */
.social-btn:hover,
a.social-btn:hover,
button.social-btn:hover,
[class*="social-btn"]:hover,
.ultra-social-links a:hover,
.project-card a.social-btn:hover,
.ultra-3d-project-card a.social-btn:hover {
    text-decoration: none !important;
    outline: none !important;
}

/* Brand-Specific Colors - LOCKED ON HOVER */
.social-btn.youtube,
.social-btn.youtube:hover,
.social-btn.youtube:focus,
.social-btn.youtube:active {
    background: #FF0000 !important;
    background-color: #FF0000 !important;
    color: white !important;
}

.social-btn.discord,
.social-btn.discord:hover,
.social-btn.discord:focus,
.social-btn.discord:active {
    background: #5865F2 !important;
    background-color: #5865F2 !important;
    color: white !important;
}

.social-btn.patreon,
.social-btn.patreon:hover,
.social-btn.patreon:focus,
.social-btn.patreon:active {
    background: #FF424D !important;
    background-color: #FF424D !important;
    color: white !important;
}

.social-btn.roblox,
.social-btn.roblox:hover,
.social-btn.roblox:focus,
.social-btn.roblox:active {
    background: #00A2FF !important;
    background-color: #00A2FF !important;
    color: white !important;
}

.social-btn.github,
.social-btn.github:hover,
.social-btn.github:focus,
.social-btn.github:active {
    background: #333333 !important;
    background-color: #333333 !important;
    color: white !important;
}

/* Icon Fixes - FORCE WHITE COLOR */
.social-btn i,
.social-btn svg,
.social-btn i::before,
.social-btn i::after,
.social-btn svg path,
.social-btn:hover i,
.social-btn:hover svg,
.social-btn:hover i::before,
.social-btn:hover i::after,
.social-btn:hover svg path,
a.social-btn i,
a.social-btn:hover i {
    color: white !important;
    fill: white !important;
    text-decoration: none !important;
}

/* Font Awesome Specific Fixes */
.fa,
.fab,
.fas,
.far,
.fal,
a .fa,
a .fab,
a .fas,
a .far,
a .fal,
a:hover .fa,
a:hover .fab,
a:hover .fas,
a:hover .far,
a:hover .fal {
    text-decoration: none !important;
}

/* Launch Button Fixes */
.launch-btn,
a.launch-btn,
button.launch-btn,
.ultra-main-btn,
a.ultra-main-btn,
.launch-btn:hover,
a.launch-btn:hover,
button.launch-btn:hover,
.ultra-main-btn:hover,
a.ultra-main-btn:hover {
    text-decoration: none !important;
    outline: none !important;
}

/* Override Bootstrap Utilities */
.link-underline,
.link-underline-opacity-0,
.link-underline-opacity-25,
.link-underline-opacity-50,
.link-underline-opacity-75,
.link-underline-opacity-100,
.link-underline:hover,
.link-underline-opacity-0:hover,
.link-underline-opacity-25:hover,
.link-underline-opacity-50:hover,
.link-underline-opacity-75:hover,
.link-underline-opacity-100:hover {
    text-decoration: none !important;
}

/* Project Card Specific Overrides */
.project-card a,
.project-card a:hover,
.ultra-3d-project-card a,
.ultra-3d-project-card a:hover,
#projects a,
#projects a:hover,
.ultra-actions a,
.ultra-actions a:hover {
    text-decoration: none !important;
}

/* Nuclear Option - Remove ALL hover effects that might cause issues */
body a:hover,
body button:hover,
body [role="button"]:hover,
body [class*="btn"]:hover {
    text-decoration: none !important;
}

/* Prevent any blue color on hover */
a:hover,
a:hover *,
button:hover,
button:hover *,
[role="button"]:hover,
[role="button"]:hover * {
    text-decoration: none !important;
}

/* Final Safety Net */
html body * {
    text-decoration: none !important;
}

html body *:hover {
    text-decoration: none !important;
}

/* Transform effects should still work */
.social-btn:hover {
    transform: translateY(-3px) scale(1.05) !important;
}

/* Box shadow effects should still work */
.social-btn.youtube:hover {
    box-shadow: 0 8px 25px rgba(255, 0, 0, 0.3) !important;
}

.social-btn.discord:hover {
    box-shadow: 0 8px 25px rgba(88, 101, 242, 0.3) !important;
}

.social-btn.patreon:hover {
    box-shadow: 0 8px 25px rgba(255, 66, 77, 0.3) !important;
}

.social-btn.roblox:hover {
    box-shadow: 0 8px 25px rgba(0, 162, 255, 0.3) !important;
}

.social-btn.github:hover {
    box-shadow: 0 8px 25px rgba(51, 51, 51, 0.3) !important;
}

/* Ensure ripple effects don't show text decoration */
.btn-ripple,
.btn-glow,
.btn-particles,
.btn-particle {
    text-decoration: none !important;
}