/**
 * Styles pour l'effet de défilement du formulaire Forminator
 */

/* Animation de défilement fluide pour tout le site */
html {
    scroll-behavior: smooth;
}

/* Style pour le formulaire quand il reçoit le focus */
.forminator-ui,
.forminator-custom-form,
[class*="forminator"] {
    scroll-margin-top: 100px; /* Espace en haut pour ne pas être caché par l'en-tête */
}

/* Animation subtile quand on arrive sur le formulaire */
@keyframes highlightForm {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
    }
    50% {
        box-shadow: 0 0 20px 5px rgba(0, 123, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
    }
}

/* Transition pour les champs du formulaire */
.forminator-ui input,
.forminator-ui select,
.forminator-ui textarea,
.forminator-custom-form input,
.forminator-custom-form select,
.forminator-custom-form textarea {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Empêcher l'indexation par défaut des sous-éléments du menu Contact */
.main-header-menu .sub-menu .menu-item a {
    color: inherit !important;
}

/* Désactiver la couleur active par défaut pour les sous-menus */
.main-header-menu .sub-menu .current-menu-item > a,
.main-header-menu .sub-menu .current_page_item > a,
.main-header-menu .sub-menu .current-menu-ancestor > a {
    color: inherit !important;
    background-color: transparent !important;
}

/* Désactiver la couleur active pour l'élément parent Contact qui contient des sous-menus */
.main-header-menu > .menu-item-has-children.current-menu-ancestor > a,
.main-header-menu > .menu-item-has-children.current-menu-parent > a,
.main-header-menu > .menu-item-has-children.current_page_ancestor > a {
    color: inherit !important;
    background-color: transparent !important;
}

/* Appliquer la couleur active uniquement au survol */
.main-header-menu .sub-menu .menu-item a:hover {
    color: var(--ast-global-color-0, #0274be) !important;
}

.main-header-menu > .menu-item-has-children > a:hover {
    color: var(--ast-global-color-0, #0274be) !important;
}

