/* Footer links enhancement - No movement, with underline and glow */

/* Logo blue color variable for consistent styling */
:root {
    --logo-blue: #6699CC;  /* This matches the blue in the Rapid IT logo */
}

/* Override existing hover effects to prevent movement */
.footer-links li a, 
.footer-area a {
    position: relative !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    padding: 0 !important;  /* Remove any padding that might cause movement */
    transform: none !important; /* Ensure no transform is applied */
}

/* Override hover styles to stop movement and add glow with underline */
.footer-links li a:hover, 
.footer-area a:hover {
    color: #ffffff !important; /* Brighter white on hover */
    transform: none !important; /* Explicitly prevent movement */
    padding-left: 0 !important; /* Override any padding changes */
    text-shadow: 0 0 10px rgba(102, 153, 204, 0.7), 0 0 15px rgba(255, 255, 255, 0.5) !important; /* Enhanced glow effect with logo blue tint */
    text-decoration: underline !important; /* Add underline */
    text-decoration-color: var(--logo-blue) !important; /* Make underline match logo blue */
    transition: all 0.3s ease !important; /* Smooth transition for all effects */
}

/* Prevent any transform on hover for any child elements */
.footer-links li a:hover *, 
.footer-area a:hover * {
    transform: none !important;
}

/* Contact info links - same style */
.contact-info li a {
    position: relative !important;
    transition: all 0.3s ease !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
}

.contact-info li a:hover {
    color: #ffffff !important;
    transform: none !important;
    text-shadow: 0 0 10px rgba(102, 153, 204, 0.7), 0 0 15px rgba(255, 255, 255, 0.5) !important; /* Match the enhanced glow */
    text-decoration: underline !important;
    text-decoration-color: var(--logo-blue) !important; /* Make underline match logo blue */
}
