/* Compiled template scope: .pg-template */
/* ==========================================================================
   COMPONENT: BADGE
   Durum göstergeleri, etiketler ve ürün rozetleri.
   ========================================================================== */

.pg-template .badge {
    display: inline-block;
    padding: 0.25em 0.75em;
    font-size: var(--text-xs);
    font-weight: var(--fw-semibold);
    font-family: var(--font-sans);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: var(--radius-sm);
    line-height: 1.5;
    white-space: nowrap;
}

/* Default (brand subtle) */
.pg-template .badge--default,
.pg-template .badge:not([class*="badge--"]) {
    background: var(--color-brand-subtle);
    color: var(--color-brand-text);
}

/* Success */
.pg-template .badge--success {
    background: var(--color-success-subtle);
    color: var(--color-success-text);
}

/* Warning */
.pg-template .badge--warning {
    background: var(--color-warning-subtle);
    color: var(--color-warning-text);
}

/* Danger / Error */
.pg-template .badge--danger {
    background: var(--color-danger-subtle);
    color: var(--color-danger-text);
}

/* Info */
.pg-template .badge--info {
    background: var(--color-info-subtle);
    color: var(--color-info-text);
}

/* Neutral */
.pg-template .badge--neutral {
    background: var(--color-surface-2);
    color: var(--color-muted);
}

/* Sadakat seviyeleri — bkz. Services/LoyaltyTierRegistry.php (tek kaynak) */
.pg-template .badge--bronze   { background: color-mix(in srgb, #a07556 18%, var(--color-surface-2)); color: #a07556; }
.pg-template .badge--silver   { background: color-mix(in srgb, #7a7f8a 18%, var(--color-surface-2)); color: #7a7f8a; }
.pg-template .badge--gold     { background: var(--color-brand-subtle); color: var(--color-brand-text); }
.pg-template .badge--platinum { background: color-mix(in srgb, #3a3a3a 14%, var(--color-surface-2)); color: var(--color-text); }
.pg-template .badge--diamond  { background: color-mix(in srgb, #1d6fa4 16%, var(--color-surface-2)); color: #1d6fa4; }

/* Solid variants */
.pg-template .badge--solid {
    background: var(--color-brand-bg);
    color: var(--color-text-on-brand);
}

.pg-template .badge--solid-success {
    background: var(--color-success-bg);
    color: var(--color-text-on-func);
}

.pg-template .badge--solid-danger {
    background: var(--color-danger-bg);
    color: var(--color-text-on-func);
}