/* ***** C4U MOTION ***** */
/* Animaties, transitions en alle interactie-bewegingen. */

/* Footer navigatie iconen draaien terug naar recht bij hover. */
.footernavi a svg {
    transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.3, -1, .7, 2) !important;
}

.footernavi a:hover svg,
.footernavi li:active i {
    transform: rotate(0deg);
}

/* Legal links verschuiven licht diagonaal bij hover. */
.legals a {
    transform: translateX(0px);
    transition: all 0.4s ease !important;
}

.legals a:hover {
    transform: translateX(-2px) translateY(-2px);
}

/* Footer contact tekst schuift naar rechts bij hover. */
.footercontact li .elementor-icon-list-text {
    padding-left: auto !important;
    transition: all 0.4s ease !important;
}

.footercontact a:hover .elementor-icon-list-text {
    padding-left: 10px !important;
}

/* Social icons vergroten subtiel bij hover. */
.socialicons a {
    transform-origin: center !important;
    transform: scale(1.0);
    transition: all 0.4s ease;
}

.socialicons a:hover {
    transform: scale(1.1);
}
/* *************************** */