/**
 * Header Background Block Styles
 */

.acf-block-header-background {
    box-sizing: border-box;
    width: 100%;
}

.acf-block-header-background__inner {
    width: 100%;
}

/* Style: Default */
.acf-block-header-background--default.acf-block-header-background--default.acf-block-header-background--default {
    padding: 30px;
    padding-left: clamp(40px, 4vw, 52px);
    padding-right: clamp(40px, 4vw, 52px);

    border-radius: var(--border-radius);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

    margin-block-end: clamp(clamp(clamp(40px, 0.77vw + 37.1px, 42.33px), 5.16vw + 7.4px, 57.87px), 13.95vw + -78.58px, 100px);
}

/* Alignment support */
.acf-block-header-background.alignwide {
    max-width: var(--wp--style--global--wide-size, 1280px);
    margin-left: auto;
    margin-right: auto;
}

.acf-block-header-background.alignfull {
    max-width: none;
    width: 100%;
}

/* Editor-specific styles */
.editor-styles-wrapper .acf-block-header-background {
    min-height: 48px;
}

.editor-styles-wrapper .acf-block-header-background__inner:empty::before {
    content: 'Add blocks here...';
    color: #757575;
    font-style: italic;
    display: block;
    padding: 16px;
    text-align: center;
}