/* ─── Slide Counter ─── */
/* Default: absolute positioned pill badge (for sides/outside arrow positions) */

.embla-counter {
    display:       inline-flex;
    align-items:   center;
    justify-content: center;
    font-size:     13px;
    font-weight:   500;
    font-family:   -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-variant-numeric: tabular-nums;
    color:         var(--dot-color-active, #ffffff);
    background:    var(--nav-btn-bg, rgba(0, 0, 0, 0.45));
    padding:       4px 12px;
    border-radius: 999px;
    position:      absolute;
    bottom:        var(--nav-offset-y, 12px);
    right:         var(--nav-offset-x, 12px);
    z-index:       10;
    pointer-events: none;
    min-width:     3em;
    text-align:    center;
    line-height:   1.4;
    letter-spacing: 0.02em;
}

/* Avoid overlap when dots are on the right side */
.embla-slider[data-dot-position="right"] .embla-counter:not(.embla-nav-bar .embla-counter) {
    right: calc(var(--nav-offset-x, 12px) + 28px);
}