/*
Theme Name: Voltamix Astra
Template: astra
Author: Cybélia Com
Author URI: https://agence-cybelia.com
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.7.1732719819
Updated: 2024-11-27 16:03:39

*/

/* Styles globaux pour le formulaire multi-étapes (inchangé) */
.uacf7-multisetp-form {
    margin-bottom: 20px;
}

/* Styles pour la navigation par étapes (inchangé) */
.uacf7-steps.steps-form {
    margin-bottom: 30px;
    text-align: center;
	
}

.steps-row.setup-panel {
    display: flex;
    justify-content: center;
    align-items: center;
}

.steps-step {
    margin: 0 15px;
    text-align: center;
}

.steps-step a.btn-circle {
    border-radius: 0 !important;
    width: 45px; /* Ajuster la largeur de l'hexagone */
    height: 45px; /* Ajuster la hauteur de l'hexagone - peut être légèrement différent de la largeur pour un hexagone régulier */
    background-color: #e0e0e0; /* Couleur de fond des étapes inactives */
    color: #32383e; /* Couleur du numéro des étapes inactives */
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); /* Forme hexagonale avec clip-path */
}

.steps-step a.btn-circle:hover {
    background-color: #d0d0d0;
}

.steps-step a.uacf7-btn-active.btn-circle {
    background-color: #049866;
    color: white;
}

.steps-step p {
    margin-top: 5px;
    color: #32383e;
    font-size: 14px;
}
/* Ajustements potentiels pour le texte dans l'hexagone (si nécessaire) */
.steps-step a.btn-circle {
    line-height: 1.2; /* Ajuster la hauteur de ligne si le numéro n'est pas parfaitement centré verticalement */
}
/* Styles pour le contenu de chaque étape (inchangé) */
.uacf7-step.step-content {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

/* Styles pour les rangées et colonnes (inchangé) */
.uacf7-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.uacf7-col-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
}

/* Styles pour les labels (légèrement modifié pour plus d'espace) */
label, .labelcss {
    display: block;
    margin-bottom: 5px; /* Réduit l'espace sous le label */
    font-weight: bold;
    color: #32383e;
}
.labelcss {
	margin-bottom: 2.2em;
}
.wpcf7 .wpcf7-form-control-wrap {
    margin-top: 10px; /* Réduit l'espace au dessus du champ */
}

/* Styles pour les champs de formulaire (input, select, textarea) - MODIFIÉ */
.wpcf7-form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid transparent; /* Bordure transparente par défaut (pas de bordure visible) */
    border-bottom: 1px solid #ccc; /* Ajoute juste une ligne en bas pour séparer les champs */
    border-radius: 0; /* Supprime les arrondis */
    box-sizing: border-box;
    margin-bottom: 15px; /* Augmente légèrement l'espace sous les champs */
    font-size: 16px;
    font-family: inherit;
    transition: border-color 0.3s ease; /* Transition pour l'effet hover */
    background-color: white; /* Fond blanc pour les champs */
}

.wpcf7-form-control:hover, /* Ajout de l'effet hover */
.wpcf7-form-control:focus {
    outline: none;
    border-color: #049866; /* Bordure verte au hover et focus */
    border-bottom: 2px solid #049866; /* Renforce la ligne du bas en vert au hover et focus */
    box-shadow: none; /* Supprime l'ombre au focus */
    border-radius: 0; /* S'assure qu'il n'y a pas d'arrondi */
}


select.wpcf7-form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 10px;
    padding-right: 30px;
    border-radius: 0; /* Supprime les arrondis pour les selects aussi */
}

/* Styles pour le textarea (inchangé) */
textarea.wpcf7-form-control {
    min-height: 100px;
}

/* Styles pour les checkboxes (inchangé) */
.wpcf7-checkbox label {
    display: inline-block;
    font-weight: normal;
    margin-right: 15px;
}

.wpcf7-checkbox input[type="checkbox"] {
    width: auto;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.wpcf7-form-control.wpcf7-checkbox {
    border: 0px;
}

/* Styles pour les boutons de navigation et le bouton submit (inchangé) */
.uacf7-step.step-content p {
    text-align: right;
    margin-top: 20px;
}

.uacf7-prev, .uacf7-next, .wpcf7-submit, input[type="submit"], input[type="reset"] {
    max-width: 20%;
    margin-top: 20px;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #049866;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.uacf7-prev:hover, .uacf7-next:hover, .wpcf7-submit:hover {
    background-color: #037a52;
}

.uacf7-prev {
    background-color: #32383e;
}

.uacf7-prev:hover {
    background-color: #25292d;
}

.wpcf7-submit {
    background-color: #049866;
}

.wpcf7-submit:hover {
    background-color: #037a52;
}

/* Spinner (chargement AJAX) (inchangé) */
.wpcf7-spinner {
    display: none;
    margin-left: 10px;
}

.wpcf7-form-control.is-active + .wpcf7-spinner {
    display: inline-block;
}

/* Responsive design (inchangé) */
@media (max-width: 768px) {
    .uacf7-col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .steps-step {
        margin: 0 10px;
    }

    .steps-step p {
        font-size: 12px;
    }
}