/* ==========================================================================
   Layout utility classes
   Applied via "Additional CSS class" on core/group or core/columns blocks.
   Replaces kadence/rowlayout + kadence/column dependency.
   ========================================================================== */

/**
 * .bfm-max-880
 * Constrains a core/group or core/columns to 880px and centres it.
 * Usage: standalone container, or as the inner group inside a band.
 */
.bfm-max-880 {
    max-width: 1505px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 128px;
}

/* body>.wp-block-columns{margin:50px 0} in the theme has specificity 11.
   Doubling the element+class selector raises ours to 20 and wins without !important. */
.wp-block-columns.bfm-max-880 {
    margin-left: auto;
    margin-right: auto;
}

/**
 * .bfm-band-cream
 * Full-width warm cream background band with vertical padding.
 * Nest a core/group.bfm-max-880 inside to constrain the content.
 *
 * Padding approximates Kadence's lg (top) / sm (bottom) spacing scale.
 */
.bfm-band-cream {
    background-color: #fef3e4;
    margin-top: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

/**
 * .bfm-band-blue
 * Full-width brand-blue background band.
 * Nest a core/group.bfm-max-880 inside to constrain the content.
 */
.bfm-band-blue {
    background-color: var(--dim-color, #3e57a3);
}

@media (max-width: 680px) {
    .wp-block-group {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}