/* TABS */
.is-style-tabs-content-title{
    display:flex;
    gap:12px;
    flex-wrap: wrap;
}

.is-style-tabs-content-title .wp-block-heading {
    cursor:pointer;
    border-radius:12px;
    padding:12px 20px;
    text-align:center;
    font-size: var(--wp--preset--font-size--medium);
    background-color:#eeeeee;
    color:#999999;
}

.is-style-tabs-content-title .wp-block-heading.actif{
    background-color:#333333;
    color:#eeeeee;
}

.is-style-tabs .acf-innerblocks-container .tab {
    display:none;
}

.is-style-tabs .acf-innerblocks-container .tab.actif, div#editor .is-style-tabs .acf-innerblocks-container .tab{
    display:block;
}


/* ACCORDÉONS */
.is-style-accordion .tab .wp-block-heading {
    cursor: pointer;
    width: 100%;
    border-radius: 12px;
    padding: 12px 20px;
    text-align: center;
    font-size: var(--wp--preset--font-size--medium);
    background-color: #eeeeee;
    color: #999999;
    box-sizing: border-box;
    transition: background-color .3s ease, color .3s ease;
}

.is-style-accordion .tab .wp-block-heading.actif{
    background-color:#333333;
    color:#eeeeee;
}

.is-style-accordion .tab .tab-content{
    display:none;
    overflow:hidden;
}

/* L'affichage est géré par jQuery (slideDown/slideUp) ;
   .actif ne sert que de marqueur d'état.
   On garde le contenu visible dans l'éditeur : */
div#editor .is-style-accordion .tab .tab-content{
    display:block;
}