/* ------------------------------------------------------------------
 * SLAB - CSS des composants partagés (Divi + Gutenberg + éditeur).
 * Chargé sur le front ET dans l'éditeur Gutenberg.
 * Autonome : redéclare les variables nécessaires (l'éditeur ne charge pas style.css).
 * ------------------------------------------------------------------ */

:root{
    --orange: #E46908;
    --spacing-2xs: 8px;
    --spacing-xs: 12px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
}

/* Collapsible */

.slab_collapsible_head{
    background:none;
    border:none;
    padding:0;
    font:inherit;
    text-align:left;
    width:100%;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.slab_collapsible{
    background-color: #EEEEEE;
    padding: var(--spacing-md);
    border-radius: var(--spacing-md);
    margin-bottom: 1.5em;
    margin-top: 0.5em
}
.slab_collapsible_body_inner{
    padding-top: var(--spacing-md)
}
.slab_collapsible_body{
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
}
.slab_collapsible_bar_v{
    transform-box: fill-box;
    transform-origin: center;
    transition: transform .3s ease;
}
.slab_collapsible.is_open .slab_collapsible_bar_v{
    transform: scaleY(0);
}