/* Accordion Styles */

.accordion-container {
    border-radius: 5px;
    overflow: hidden;
}

.accordion-item {
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
}

.accordion-item:first-child .accordion-title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
}

.accordion-item:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: none;
}

.accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    cursor: pointer;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    height: 48px; /* Assurez-vous que la hauteur est fixe pour les titres */
    box-sizing: border-box; /* Inclure le padding dans la hauteur totale */
    transition: background-color 0.3s ease-in-out;
}

.accordion-title.active {
    background-color: #FEB603;
}

.accordion-content {
    padding: 0 16px;
    max-height: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #757575;
    text-align: left;
    text-justify: inter-word;
    transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.accordion-content.show {
    display: block;
    padding: 16px;
    max-height: max-content;
}

.accordion-icon {
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
    transition: transform 0.3s;
}

.accordion-icon.rotate {
    transform: rotate(180deg);
}



/* Styles spécifiques pour les accordéons dans les pages Jobs */
.accordion-job .accordion-title.active {
    background-color: transparent;
}

.accordion-job .accordion-content.show {
    margin-left: 20px;
}