/* === [MARKER C] Front-end base pill styles === */
.th-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 0.5em 1em;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
}

/* Block style variations (choose in the block sidebar Styles) */
.wp-block-th-pill-text.is-style-solid .th-pill,
.wp-block-th-pill-text.is-style-solid {
  /* relies on chosen background/text colors */
}

.wp-block-th-pill-text.is-style-outline .th-pill,
.wp-block-th-pill-text.is-style-outline {
  background: transparent !important;
  border: 1px solid currentColor;
}

.wp-block-th-pill-text.is-style-soft .th-pill,
.wp-block-th-pill-text.is-style-soft {
  filter: saturate(90%);
  opacity: 0.95;
}

/* Center the pill when user chooses Align center in toolbar */
.wp-block-th-pill-text.aligncenter {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

/* Optional: support left/right floats */
.wp-block-th-pill-text.alignleft {
  float: left;
  margin-right: var(--wp--style--block-gap, .5rem);
}
.wp-block-th-pill-text.alignright {
  float: right;
  margin-left: var(--wp--style--block-gap, .5rem);
}