/* Fix navbar hover effects to only highlight text */
.navbar-brand {
    transition: color 0.2s ease;
}

.navbar-brand:hover {
    color: #ffffff !important;
    background-color: transparent !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important;
}

.nav-link {
    transition: color 0.2s ease;
}

.nav-link:hover {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Mobile footer icon hover effects */
.mobile-nav-item {
    transition: color 0.2s ease;
}

.mobile-nav-item:hover {
    background-color: transparent !important;
}

.mobile-nav-item:hover svg,
.mobile-nav-item:hover span {
    color: #ffffff !important;
}

/* Only highlight the text/icon on hover */
.mobile-nav-item.active {
    background-color: transparent !important;
}

.mobile-nav-item.active span,
.mobile-nav-item.active svg {
    color: #ffffff !important;
}

/* Make EffePadelle text brighter on hover */
#home-link:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important;
}

/* Fix dropdown items to only highlight text */
.dropdown-item {
    transition: color 0.2s ease;
}

.dropdown-item:hover {
    color: #ffffff !important;
    background-color: transparent !important;
}