/* Styles personnalisés pour les accordéons - Version finale sans trait bleu à gauche */
:root {
    --theme-color: #3498db; /* Couleur #3498db */
    --theme-color-hover: #2980b9; /* Version plus foncée */
    --theme-color-light: rgba(52, 152, 219, 0.1); /* Version transparente */
    --title-bg-color: #ecf6fd;
    --border-color: #e0e0e0;
    --text-color: #333333;
    --body-bg: #ffffff;
}

/* Utilisation de l'attribut class "accordion-shortcode" pour augmenter la spécificité */
.accordion.accordion-shortcode {
    margin-bottom: 20px !important;
    width: 100% !important;
    font-family: inherit !important;
}

.accordion.accordion-shortcode .accordion-item {
    border: 1px solid var(--border-color) !important;
    margin-bottom: 8px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.accordion.accordion-shortcode.accordion-clean .accordion-item {
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.accordion.accordion-shortcode .accordion-header {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    font-weight: normal !important;
    font-size: 1em !important;
}

/* Style du bouton accordéon */
.accordion.accordion-shortcode .accordion-button {
    display: block !important;
    width: 100% !important;
    padding: 15px !important;
    background-color: var(--title-bg-color) !important;
    color: var(--theme-color) !important;
    border: none !important;
    text-align: left !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    border-bottom: 0 !important;
    margin: 0 !important; /* Suppression de toutes les marges */
    margin-left: 0 !important; /* Suppression explicite de la marge gauche */
    text-transform: none !important;
    letter-spacing: normal !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-family: inherit !important;
    padding-right: 50px !important; /* Espace pour l'icône +/- avec background */
}

/* Style pour l'icône +/- avec background */
.accordion.accordion-shortcode .accordion-button:after {
    content: '+' !important;
    position: absolute !important;
    top: 0 !important; /* Commencer en haut du titre */
    right: 0 !important; /* Aligner à droite */
    height: 100% !important; /* Prendre toute la hauteur */
    width: 40px !important; /* Largeur fixe pour le background */
    background-color: var(--theme-color) !important; /* Utiliser la même couleur que les liens */
    color: white !important; /* Texte blanc pour contraste */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.accordion.accordion-shortcode .accordion-button.collapsed:after {
    content: '+' !important;
}

.accordion.accordion-shortcode .accordion-button:not(.collapsed):after {
    content: '−' !important;
    background-color: var(--theme-color) !important; /* Même couleur que les liens */
}

.accordion.accordion-shortcode .accordion-button:not(.collapsed) {
    background-color: var(--title-bg-color) !important;
    color: var(--theme-color) !important;
    /* Trait bleu à gauche supprimé */
    border-left: none !important;
}

.accordion.accordion-shortcode .accordion-button:focus,
.accordion.accordion-shortcode .accordion-button:hover {
    background-color: var(--title-bg-color) !important;
    outline: none !important;
    text-decoration: none !important;
    color: var(--theme-color-hover) !important;
    opacity: 1 !important;
}

/* Style hover pour le background du +/- */
.accordion.accordion-shortcode .accordion-button:hover:after {
    background-color: var(--theme-color) !important; /* Même couleur que les liens */
}

.accordion.accordion-shortcode .accordion-collapse {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.5s ease !important;
    background-color: var(--body-bg) !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.accordion.accordion-shortcode .accordion-collapse.show {
    max-height: 2000px !important;
}

.accordion.accordion-shortcode .accordion-body {
    padding: 15px !important;
    background-color: var(--body-bg) !important;
    border-top: 1px solid var(--border-color) !important;
    margin: 0 !important;
}

/* Supprime l'espace en début de bloc */
.accordion.accordion-shortcode .accordion-body > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.accordion.accordion-shortcode .accordion-body > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Styles pour les accordéons clean */
.accordion.accordion-shortcode.accordion-clean .accordion-button {
    background-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 50px !important; /* Espace pour l'icône +/- */
    text-transform: none !important;
}

.accordion.accordion-shortcode.accordion-clean .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: var(--theme-color) !important;
    border-left: none !important;
}

.accordion.accordion-shortcode.accordion-clean .accordion-button:hover {
    background-color: transparent !important;
}

.accordion.accordion-shortcode.accordion-clean .accordion-button:after {
    right: 0 !important;
}

.accordion.accordion-shortcode.accordion-clean .accordion-body {
    padding: 15px 0 !important;
    border-top: none !important;
}

/* Réinitialiser tous les styles potentiels du thème sur nos éléments d'accordéon */
.accordion.accordion-shortcode .accordion-button h1,
.accordion.accordion-shortcode .accordion-button h2, 
.accordion.accordion-shortcode .accordion-button h3,
.accordion.accordion-shortcode .accordion-button h4,
.accordion.accordion-shortcode .accordion-button h5,
.accordion.accordion-shortcode .accordion-button h6,
.accordion.accordion-shortcode .accordion-button .vw-header-font,
.accordion.accordion-shortcode .accordion-button blockquote,
.accordion.accordion-shortcode .accordion-button .vw-post-box.vw-post-format-link a,
.accordion.accordion-shortcode .accordion-button .vw-social-counter-count,
.accordion.accordion-shortcode .accordion-button .vw-menu-location-top .menu-link,
.accordion.accordion-shortcode .accordion-button .vw-menu-location-bottom .main-menu-link,
.accordion.accordion-shortcode .accordion-button .vw-page-navigation-pagination .page-numbers,
.accordion.accordion-shortcode .accordion-button #wp-calendar caption,
.accordion.accordion-shortcode .accordion-button .vw-accordion-header-text,
.accordion.accordion-shortcode .accordion-button .vw-tab-title {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}