#pfp-form-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #6f2280;
    border-radius: 5px;
    background: #fff;
}

#pfp-form h2 {
    margin-bottom: 20px;
}

.pfp-option {
    display: block; /* Chaque option occupe toute la largeur */
    padding: 15px; /* Ajuste le padding pour s'assurer que le texte rentre */
    margin: 10px 0; /* Espacement vertical entre les boutons */
    border: 1px solid #6f2280;
    background: #6f2280;
    color: #fff;
    cursor: pointer;
    transition: background 0.3s;
    border-radius: 5px; /* Coins arrondis */
    text-align: center; /* Centrer le texte */
    white-space: normal; /* Permet le retour à la ligne */
    overflow-wrap: break-word; /* Gère les mots longs pour éviter les débordements */
}

.pfp-option:hover {
    background: #5a1c67;
}

#pfp-step-1 .pfp-option-container {
    text-align: center; /* Centrer les boutons */
}

#pfp-step-1 .pfp-option-container .pfp-option {
    width: calc(50% - 20px); /* Ajuste la taille des deux premières options */
}

#pfp-step-1 .pfp-option-container .pfp-new-option {
    display: block; /* Force un saut de ligne */
    margin: 20px auto 0 auto; /* Centrer l'option sur la nouvelle ligne */
    width: 50%; /* Ajuste la taille de la nouvelle option pour qu'elle soit centrée */
}

#pfp-form input[type="text"],
#pfp-form input[type="email"],
#pfp-form input[type="tel"],
#pfp-form input[type="date"],
#pfp-form input[type="number"],
#pfp-form textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 5px;
    border: 1px solid #ccc;
    border-radius: 5px; /* Coins arrondis */
}

.half-width {
    width: calc(50% - 10px);
    margin-right: 10px;
}

.full-width {
    width: 100%;
}

.half-width-wrapper {
    width: calc(50% - 10px);
    display: inline-block;
}

.half-width-wrapper:last-child {
    margin-right: 0;
}

.form-group {
    margin-bottom: 20px;
}

.sub-label {
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
}

#pfp-form .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#pfp-form .form-group label {
    margin-right: 10px;
    min-width: 100px;
    text-align: right;
}

#pfp-form .form-group input {
    flex: 1;
}

#pfp-form button {
    padding: 10px 20px;
    background: #6f2280;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    border-radius: 5px; /* Coins arrondis */
}

#pfp-form button:hover {
    background: #5a1c67;
}

/* Ajustements pour mobile */
@media (max-width: 768px) {
    #pfp-form button {
        display: block; /* Chaque bouton sur une nouvelle ligne */
        min-width: 90%; /* Largeur minimale */
        margin: 10px auto; /* Espacement vertical et centrer horizontalement */
        padding: 10px 20px;
        background: #6f2280;
        color: #fff;
        border: none;
        cursor: pointer;
        transition: background 0.3s;
        border-radius: 5px; /* Coins arrondis */
    }
    .pfp-option {
        display: block; /* S'assurer que chaque option est sur une nouvelle ligne */
        font-size: 16px; /* Ajuste la taille du texte pour mobile */
        white-space: normal; /* Permet au texte de revenir à la ligne si nécessaire */
        overflow-wrap: break-word; /* Force la coupure des mots longs si besoin */
        margin: 10px auto; /* Espacement vertical */
        width: 90%; /* Assurer que chaque option prend une grande partie de la largeur */
    }
    .pfp-option p {
        margin: 0; /* S'assurer qu'il n'y ait pas de marges additionnelles autour du texte */
    }
}


/* Atouts Résa additions */
.ar-hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden;}
.pfp-option-container{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.pfp-option{width:260px;max-width:100%;}
@media (max-width: 600px){
  .pfp-option{width:100%;}
}