/*
 * BESD Spalte – Frontend + Editor Styles.
 *
 * Zweck:
 * - Parent und Child wie ein klassischer Spaltenblock layouten.
 * - Bei .is-besd-stacked alle Inhaltsspalten untereinander setzen.
 * - Editor-Wrapper von Gutenberg mit abdecken.
 */

/* ---------- Frontend: Parent ---------- */
.wp-block-besd-spalte{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:var(--besd-spalte-gap, var(--besd-spalte-luecke, 1.5rem));
  box-sizing:border-box;
}

.wp-block-besd-spalte > .wp-block-besd-spalteninhalt{
  flex:1 1 0;
  min-width:0;
  box-sizing:border-box;
}

.wp-block-besd-spalte > .wp-block-besd-spalteninhalt.has-custom-basis{
  flex:0 0 var(--besd-spalteninhalt-basis);
  width:var(--besd-spalteninhalt-basis);
}

.wp-block-besd-spalte > .wp-block-besd-spalteninhalt > *{
  max-width:100%;
}

.wp-block-besd-spalte.is-besd-stacked{
  flex-wrap:wrap;
}

.wp-block-besd-spalte.is-besd-stacked > .wp-block-besd-spalteninhalt{
  flex:0 0 100% !important;
  width:100% !important;
}

/* ---------- Editor: Parent-Layout ---------- */
.wp-block-besd-spalte > .block-editor-inner-blocks > .block-editor-block-list__layout{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:var(--besd-spalte-gap, var(--besd-spalte-luecke, 1.5rem));
}

.wp-block-besd-spalte > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-besd-spalteninhalt{
  flex:1 1 0;
  min-width:0;
  box-sizing:border-box;
}

.wp-block-besd-spalte > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-besd-spalteninhalt.has-custom-basis{
  flex:0 0 var(--besd-spalteninhalt-basis);
  width:var(--besd-spalteninhalt-basis);
}

/* Im Editor niemals automatisch umbrechen. */

/* ---------- Editor: etwas klarere Bearbeitung ---------- */
.wp-block-besd-spalteninhalt{
  box-sizing:border-box;
}

.wp-block-besd-spalteninhalt > .block-editor-inner-blocks,
.wp-block-besd-spalteninhalt > .block-editor-inner-blocks > .block-editor-block-list__layout{
  min-height:100%;
}