/*
BESD Inline-Typografie – Farben & Inspector
Passe die Farben hi--besd-color-1:rgb(229, 0, 153);
	--besd-color-2:rgb(255, 0, 88);
	--besd-color-3:rgb(247, 82, 0);er zentral an.
*/

.besd-typo-actions { display: flex; justify-content: flex-end; margin-top: .5rem; }

/* Farb-Swatches (erzwinge Hintergrund gg. WP-Button-Styles) */
.besd-typo-swatches { display: flex; gap: 10px; align-items: center; margin-top: .25rem; }
.components-button.besd-swatch {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  padding: 0;
  min-width: 28px;
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15) !important;
  background: transparent; /* tatsächliche Farbe kommt inline per style */
}
.components-button.besd-swatch.is-active {
  box-shadow: 0 0 0 2px #111 !important;
}

/* (Optional) gespeichertes Span targeten */
span.besd-typo { }