/* C2RB Studio 7.0.40 — C15 Parcours à étapes */
.c2rb-workflow {
    --c2rb-workflow-arrow: #dce2f3;
    --c2rb-workflow-gap: 10px;
    --c2rb-workflow-step-min: 145px;
    --c2rb-workflow-step-height: 150px;
    --c2rb-workflow-step-pad: 16px 14px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 28px auto;
    padding: 36px 4%;
    overflow: visible;
}
.c2rb-workflow--width-80 { width: 80%; }
.c2rb-workflow--arrow-lavender { --c2rb-workflow-arrow: #dce2f3; }
.c2rb-workflow--arrow-green { --c2rb-workflow-arrow: #dcece8; }
.c2rb-workflow--arrow-pink { --c2rb-workflow-arrow: #f2dfe9; }
.c2rb-workflow--arrow-gray { --c2rb-workflow-arrow: #e8ecee; }
.c2rb-workflow--size-compact {
    --c2rb-workflow-step-min: 125px;
    --c2rb-workflow-step-height: 128px;
    --c2rb-workflow-step-pad: 12px 11px;
}
.c2rb-workflow--size-large {
    --c2rb-workflow-step-min: 165px;
    --c2rb-workflow-step-height: 174px;
    --c2rb-workflow-step-pad: 20px 18px;
}
.c2rb-workflow__arrow {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 3.5%;
    right: 8.5%;
    height: 92px;
    transform: translateY(-50%);
    background: var(--c2rb-workflow-arrow);
    opacity: .82;
    pointer-events: none;
}
.c2rb-workflow__arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -74px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 92px solid transparent;
    border-bottom: 92px solid transparent;
    border-left: 92px solid var(--c2rb-workflow-arrow);
}
.c2rb-workflow__steps {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: var(--c2rb-workflow-gap);
    width: 100%;
}
.c2rb-workflow-step {
    --c2rb-workflow-step-bg: #aebfe8;
    --c2rb-workflow-step-border: #6379a2;
    box-sizing: border-box;
    flex: 1 1 0;
    min-width: 0;
    max-width: 230px;
    min-height: var(--c2rb-workflow-step-height);
    padding: var(--c2rb-workflow-step-pad);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--c2rb-workflow-step-bg);
    border: 1px solid var(--c2rb-workflow-step-border);
    border-radius: 15px;
    color: #18272d;
    font-family: var(--cds-font-sans, "Montserrat", Arial, sans-serif);
    font-size: .94rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    box-shadow: 0 2px 5px rgba(38, 55, 60, .06);
}
.c2rb-workflow-step__text { width: 100%; text-align: center; }
.c2rb-workflow-step--blue { --c2rb-workflow-step-bg: #aabce6; --c2rb-workflow-step-border: #667da9; }
.c2rb-workflow-step--aqua { --c2rb-workflow-step-bg: #9cd8d7; --c2rb-workflow-step-border: #4f9996; }
.c2rb-workflow-step--green { --c2rb-workflow-step-bg: #a7d8b3; --c2rb-workflow-step-border: #60966d; }
.c2rb-workflow-step--lime { --c2rb-workflow-step-bg: #b6d7a5; --c2rb-workflow-step-border: #78985f; }
.c2rb-workflow-step--pink { --c2rb-workflow-step-bg: #e7b7cd; --c2rb-workflow-step-border: #b56b8d; }
.c2rb-workflow-step--terracotta { --c2rb-workflow-step-bg: #deb1a3; --c2rb-workflow-step-border: #a66d5c; }
.c2rb-workflow-step--sand { --c2rb-workflow-step-bg: #dfcfaa; --c2rb-workflow-step-border: #9d8755; }
.c2rb-workflow-step--gray { --c2rb-workflow-step-bg: #d9e0e2; --c2rb-workflow-step-border: #87979d; }


/* Actions d’édition C15 : visibles uniquement dans Gutenberg. */
.editor-styles-wrapper .c2rb-workflow__editor-actions {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 18px;
}

/* Gutenberg : les sous-blocs restent réellement côte à côte. */
.editor-styles-wrapper .c2rb-workflow__steps > .block-editor-inner-blocks,
.editor-styles-wrapper .c2rb-workflow__steps > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display: contents;
}
.editor-styles-wrapper .c2rb-workflow__steps .block-editor-block-list__layout {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: var(--c2rb-workflow-gap);
    width: 100%;
}
.editor-styles-wrapper .wp-block-c2rb-workflow-step {
    flex: 1 1 0;
    min-width: 0;
    max-width: 230px;
    margin: 0;
}
.editor-styles-wrapper .wp-block-c2rb-workflow-step .c2rb-workflow-step { max-width: none; height: 100%; }

@media (max-width: 780px) {
    .c2rb-workflow,
    .c2rb-workflow--width-80 {
        width: 100%;
        padding: 30px 18px 48px;
    }
    .c2rb-workflow__steps,
    .editor-styles-wrapper .c2rb-workflow__steps .block-editor-block-list__layout {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .c2rb-workflow-step,
    .editor-styles-wrapper .wp-block-c2rb-workflow-step {
        width: min(100%, 360px);
        max-width: 360px;
        flex: none;
    }
    .c2rb-workflow__arrow {
        top: 18px;
        bottom: 74px;
        left: 50%;
        right: auto;
        width: 82px;
        height: auto;
        transform: translateX(-50%);
    }
    .c2rb-workflow__arrow::after {
        top: auto;
        right: auto;
        bottom: -66px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 82px solid transparent;
        border-right: 82px solid transparent;
        border-top: 82px solid var(--c2rb-workflow-arrow);
        border-bottom: 0;
    }
}

@media (max-width: 480px) {
    .c2rb-workflow { padding-inline: 8px; }
    .c2rb-workflow__arrow { width: 64px; }
    .c2rb-workflow__arrow::after {
        border-left-width: 66px;
        border-right-width: 66px;
        border-top-width: 66px;
        bottom: -54px;
    }
    .c2rb-workflow-step { width: min(100%, 320px); font-size: .92rem; }
}