/* Configuration de l'accordéon FAQ */

/* Configuration du conteneur principal */
.accordion {
    width: 100%;  /* Largeur complète */
    margin: 0;    /* Pas de marge */
    padding: 0;   /* Pas de padding */
    list-style: none;  /* Pas de style de liste */
}

/* Configuration des éléments de l'accordéon */
.accordion-item {
    margin-bottom: 10px;  /* Espacement entre les éléments */
    border: 1px solid rgba(255, 255, 255, 0.1);  /* Bordure légère */
    border-radius: 4px;   /* Coins arrondis */
    overflow: hidden;    /* Cache le contenu débordant */
}

/* Configuration du bouton de l'accordéon */
.accordion-button {
    position: relative;  /* Positionnement relatif */
    display: flex;      /* Flexbox pour l'alignement */
    align-items: center;  /* Centrage vertical */
    width: 100%;        /* Largeur complète */
    padding: 1.25rem 3rem 1.25rem 1.5rem;  /* Espacement interne */
    font-size: 1.1rem;   /* Taille du texte */
    font-weight: 500;    /* Poids du texte */
    text-align: left;    /* Texte aligné à gauche */
    color: #fff;         /* Texte blanc */
    background-color: transparent;  /* Fond transparent */
    border: none;        /* Pas de bordure */
    cursor: pointer;     /* Curseur pointeur */
    transition: all 0.3s ease;  /* Transition douce */
}

/* Effet au survol du bouton */
.accordion-button:hover {
    background-color: rgba(255, 255, 255, 0.05);  /* Fond légèrement blanc */
}

/* Configuration de la flèche du bouton */
.accordion-button::after {
    content: '';  /* Contenu vide */
    position: absolute;  /* Positionnement absolu */
    right: 1.5rem;  /* Position à droite */
    width: 1.25rem;  /* Largeur */
    height: 1.25rem;  /* Hauteur */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  /* Icône SVG */
    background-repeat: no-repeat;  /* Pas de répétition */
    background-size: 1.25rem;  /* Taille de l'icône */
    transition: transform 0.3s ease;  /* Transition douce */
}

/* Rotation de la flèche quand l'accordéon est ouvert */
.accordion-button[aria-expanded="true"]::after {
    transform: rotate(180deg);  /* Rotation de 180 degrés */
}

/* Configuration du contenu de l'accordéon */
.accordion-collapse {
    display: none;  /* Masqué par défaut */
    padding: 0 1.5rem 1.5rem;  /* Espacement interne */
    background-color: rgba(255, 255, 255, 0.02);  /* Fond très léger */
}

/* Affichage du contenu quand l'accordéon est ouvert */
.accordion-collapse.show {
    display: block;  /* Affiché */
}

/* Configuration du corps de l'accordéon */
.accordion-body {
    padding: 0;  /* Pas de padding */
    color: rgba(255, 255, 255, 0.8);  /* Texte semi-transparent */
    line-height: 1.6;  /* Hauteur de ligne */
}

/* Configuration de l'animation */
.accordion-collapse {
    transition: max-height 0.3s ease-out;  /* Transition fluide */
    max-height: 0;  /* Hauteur maximale */
    overflow: hidden;  /* Cache le contenu débordant */
}

/* Configuration de l'animation quand l'accordéon est ouvert */
.accordion-collapse.show {
    max-height: 1000px;  /* Hauteur maximale suffisante */
}