/* Shared styles for the Inline SVG block (frontend + editor). */

.sh-inline-svg-block{
  display:inline-block;
  vertical-align:middle;
  line-height:0; /* avoid extra baseline whitespace */
}

.sh-inline-svg-block svg{
  display:block;
  width:100%;
  height:100%;
}

/* Frontend markup uses .sh-inline-svg + .sh-inline-svg__wrap */
.sh-inline-svg__wrap{
  box-sizing:border-box;
}

.sh-inline-svg__wrap svg,
.sh-inline-svg-editor__wrap svg,
.sh-inline-svg-block svg{
  transform: rotate(var(--sh-rot, 0deg)) scaleX(var(--sh-flipx, 1)) scaleY(var(--sh-flipy, 1));
  transform-origin: center;
  transform-box: fill-box;
}

/* Optional: force icon color onto all fills/strokes */
.sh-inline-svg__wrap[data-apply-fill="1"] svg *,
.sh-inline-svg-editor__wrap[data-apply-fill="1"] svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}