/* Section for prestation choices */
 .ficheClient-section {
    text-align: center;
    padding: 20px;
}

.ficheClient-section h2 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
    text-align: left; /* Aligne le titre à gauche */
}
.carte-client {
    background-color: white;
    box-shadow: 0 3px 10px pink;
    border-radius: 8px;
    margin: 10px auto;
    min-width: 280px;
    max-width: 400px;
    border-collapse: collapse; /* Fusionne les bordures des cellules */
}
/* listingClient table */
.ficheClient-section table{
    width: 70%;
    background-color: white;
    box-shadow: 0 3px 10px pink;
    border-radius: 8px;
    border-collapse: collapse; /* Fusionne les bordures des cellules */
    margin-top: 10px; /* Ajoute un peu d'espace au-dessus */
}

.ficheClient-section table th {
    background-color: #f2f2f2; /* Couleur de fond des en-têtes */
    color: #333; /* Couleur du texte des en-têtes */
    text-align: left;
    padding: 10px;
}

.ficheClient-titre {
    background-color: #333; /* Couleur de fond des en-têtes */
    color:white; /* Couleur du texte des en-têtes */
    text-align: left;
    padding: 10px;
}

/* Style pour aligner les prestations à gauche du point */
.ficheClient ul {
    list-style-position: inside; /* Aligner le point à l'intérieur */
    padding-left: 0; /* Enlever le retrait gauche de la liste */
    margin: 0;
}

/* Style pour centrer le ul */
.ficheClient td ul {
    list-style-position: inside; /* Point de liste à l'intérieur */
    padding-left: 0; /* Enlever le retrait */
    margin: 0 auto; /* Centre le ul dans la cellule */
    text-align: left; /* Aligner les éléments de liste à gauche */
    display: inline-block; /* Nécessaire pour centrer le ul en tant qu'élément bloc */
}

.ficheClient li {
    text-align: left; /* Assurer un alignement à gauche pour le texte */
}
.modal-ficheClient {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.modal-ficheClient-content {
    background: white;
    padding: 20px;
    border-radius: 5px;
    width: 600px;
    text-align: center;
}

/* Centrer la modal verticalement et horizontalement */
.modal-dialog.modal-centered {
    position: absolute; /* Positionner la modal absolument */
    top: 50%; /* Placer à mi-hauteur de la fenêtre */
    left: 50%; /* Placer à mi-largeur de la fenêtre */
    transform: translate(-50%, -50%); /* Décaler la modal pour qu'elle soit centrée */
    margin: 0; /* Retirer les marges par défaut */
}


/* Optionnel : ajuster la largeur de la modal */
.modal-dialog.modal-lg {
    max-width: 80%; /* Vous pouvez ajuster cette valeur en fonction de vos besoins */
}



@media(max-width: 480px) {
    .heureRdvClass {
        display: none !important;
    }
    .ficheClient ul {
        list-style-type: none;  /* Retire les puces */
        padding-left: 0;        /* Enlève le retrait à gauche */
    }    
}

.ficheClient-delete-button {
    cursor: pointer;
    color: red;
    text-decoration: underline;
}
#confirmation-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 1000;
}

#confirmation-modal.show {
    display: flex;
}

.modal-agenda-actions {
    display: flex;
    justify-content: space-between;
}