/* Style de base pour chaque élément de l'accordéon */
div.sous-cta-accordion-item {
    border-top: 1px solid #e3e3e3; /* Couleur de bordure uniformisée */
    padding: 5px 0; /* Espacement uniforme */
    cursor: pointer;
    overflow: hidden;
    transition: padding 0.3s ease, max-height 0.3s ease; /* Transition pour l'espacement et la hauteur maximale */
}

/* Style pour le titre de chaque élément de l'accordéon */
div.sous-cta-accordion-item .sous-cta-accordion-title {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 0;
    transition: color 0.3s ease; /* Transition pour la couleur du texte */
}

/* Style pour l'icône de l'accordéon */
div.sous-cta-accordion-item .sous-cta-accordion-title::before {
    content: '+';
    font-weight: 500;
    order: -1;
    text-align: center;
    font-size: 13px;
    display: flex;
    transition: transform 0.3s ease;
    color: #252c3f;
    height: 23.5px;
    width: 23.5px;
    align-items: center; 
    justify-content: center;
}

/* Style pour l'icône quand l'élément est actif */
div.sous-cta-accordion-item.item-active .sous-cta-accordion-title::before {
    transform: rotate(-45deg);
}

/* Style pour le tableau de caractéristiques */
.caracteristiques-table {
    display: flex;
}

/* Marges pour les valeurs des attributs */
.attribute-values {
    margin-left: 6px !important;
}

/* Marges pour les noms et valeurs des attributs */
.attribute-name, .attribute-values {
    margin-bottom: 4px !important;
}

/* Style pour les éléments cachés de l'accordéon */
div.sous-cta-accordion-item ul,
div.sous-cta-accordion-item p {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    font-size: 13px;
    transition: 0.5s ease-in-out, opacity 0.5s 0.4s ease-in-out, visibility 0s 0.4s ease-in-out; /* Transition ajustée pour une fermeture plus douce */
}

/* Style pour les éléments actifs de l'accordéon */
div.sous-cta-accordion-item.item-active ul,
div.sous-cta-accordion-item.item-active p {
    max-height: 1000px; /* Hauteur maximale pour une expansion complète */
    visibility: visible;
    opacity: 1;
    transition: max-height 0.3s ease, opacity 0.3s 0.1s ease, visibility 0s 0.1s ease;
    margin-bottom: 16px;
}

/* Suppression de la bordure du dernier élément */
div.sous-cta-accordion-item:last-child {
    /* border-bottom: none; */
}

/* Style pour le contenu de l'accordéon */
div.sous-cta-accordion-item .sous-cta-accordion-content {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; /* Transition ajustée pour une fermeture plus douce */
    overflow: hidden;
}

/* Style pour le contenu actif de l'accordéon */
div.sous-cta-accordion-item.item-active .sous-cta-accordion-content {
    max-height: 1000px; /* Hauteur maximale pour une expansion complète */
    visibility: visible;
    opacity: 1;
    transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.5s ease;
}
.attribute-name{
    min-width: 70px;
}

/** COPY **/
#copyIcon {
  cursor: pointer;
   transition: opacity 0.5s ease-in-out;
}