/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ==========================================================================
   Custom CSS for Build Tick
   ========================================================================== */

/* --- Chevron Flow Block Front-End Fixes --- */

/* 1. Target the rendered block wrapper steps */
.cf-block-render .process-step {
    /* Ensure the bottom margin that creates the gap is respected */
    /* If G=10px and P=15px (0.9rem), margin-bottom should be roughly -5px */
    /* This overrides editor-specific styles if they leak through */
    margin-bottom: -5px; 
}

/* 2. Pull up subsequent items to create the overlap */
.cf-block-render .process-step:not(:first-child) {
    /* Manually push the step down to achieve the correct visual overlap on the frontend */
    /* The 1.75rem value compensates for the V-point height plus internal frontend margins */
    margin-top: 1.75rem !important; 
}

/* 3. Ensure the first item stays put */
.cf-block-render .process-step:first-child {
    margin-top: 0 !important;
}

/* 4. Fix the last item's overhang */
.cf-block-render .process-step:last-child {
    /* Remove the bottom padding used to create space for the V-point */
    padding-bottom: 0 !important;
    
    /* Pull the container up to hide the empty V-out point space */
    /* -0.9rem corresponds to the point height P */
    margin-bottom: -0.9rem !important; 
}

/* Optional: Ensure container has padding at the bottom so the last item isn't cut off */
.cf-block-render .process-flow-container {
    padding-bottom: 20px;
}