/* ================================================
   Phase Pill — anchor to the UAGB INFO BOX card
   ================================================ */

/* Hide manual pills (prevents duplicates + inconsistent anchors) */
.wp-block-uagb-slider-child.uagb-slider-child-wrap .phase-pill {
  display: none !important;
}

/* Make the visible card the positioning anchor */
.wp-block-uagb-slider-child.uagb-slider-child-wrap .uagb-infobox__content-wrap {
  position: relative !important;
  --pillInset: 14px;
}

/* Base pill (CSS-only) */
.wp-block-uagb-slider-child.uagb-slider-child-wrap .uagb-infobox__content-wrap::after {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 50;
  pointer-events: none;

  display: inline-flex;
  align-items: center;

  padding: 8px 12px 8px 30px; /* space for dot */
  border-radius: 999px;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;

  border: 1px solid rgba(0,0,0,0.12);
  box-shadow: 0 10px 18px rgba(0,0,0,0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  background-repeat: no-repeat;
  background-position: 14px 50%;
  background-size: 10px 10px;
}