/* ─────────────────────────────────────────────────────────────────────
 * Price tag — universal price-display component.
 * Tokens-only; layout sizes (px/rem) stay literal.
 * Source: app/Views/partials/price-tag.php
 * ───────────────────────────────────────────────────────────────────── */

.sat-price-tag {
    display: inline-flex;
    align-items: baseline;
    gap: 0.375rem;
    color: var(--text-primary);
    line-height: 1;
}

.sat-price-tag__prefix {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-right: 0.125rem;
}

.sat-price-tag__amount {
    font-weight: 700;
    letter-spacing: -0.01em;
}

.sat-price-tag__cadence {
    font-size: 0.75rem;
    color: var(--text-tertiary);
    font-weight: 500;
}

.sat-price-tag__compare {
    color: var(--text-quaternary);
    text-decoration: line-through;
    font-weight: 500;
}

/* Sizes */
.sat-price-tag--sm .sat-price-tag__amount { font-size: 0.9375rem; }
.sat-price-tag--sm .sat-price-tag__cadence,
.sat-price-tag--sm .sat-price-tag__compare,
.sat-price-tag--sm .sat-price-tag__prefix { font-size: 0.6875rem; }

.sat-price-tag--md .sat-price-tag__amount { font-size: 1.125rem; }

.sat-price-tag--lg .sat-price-tag__amount { font-size: 1.5rem; }
.sat-price-tag--lg .sat-price-tag__cadence,
.sat-price-tag--lg .sat-price-tag__prefix { font-size: 0.875rem; }