/* ==========================================================================
   Responsive Spacer — acf/spacer
   ========================================================================== */

   .kftheme-spacer {
    display: block;
    height: var(--kftheme-spacer-m, 30px);
}

@media (min-width: 768px) {
    .kftheme-spacer {
        height: var(--kftheme-spacer-t, 30px);
    }
}

@media (min-width: 1024px) {
    .kftheme-spacer {
        height: var(--kftheme-spacer-d, 30px);
    }
}

/* ── Editor preview ─────────────────────────────────────────────── */

.kftheme-spacer.is-preview {
    position: relative;
    min-height: 24px;
    background:
        repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 4px,
            rgba(0, 0, 0, 0.04) 4px,
            rgba(0, 0, 0, 0.04) 8px
        );
    outline: 1px dashed rgba(0, 0, 0, 0.15);
}

.kftheme-spacer__label {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    color: #757575;
    white-space: nowrap;
    pointer-events: none;
}