/* Complements shop.css : Tebex reutilise les classes .px-shop-* pour le catalogue. */

.px-tebex-vat {
    font-size: .75rem;
    color: var(--pixel-muted);
    margin-left: .25rem;
}

/* Modules de sidebar Tebex : rendus par le plugin en .card Bootstrap. */
.px-shop-sidebar .card {
    background: var(--pixel-surface);
    border: 0;
    border-radius: .75rem;
    overflow: hidden;
    margin-bottom: 1rem;
}
.px-shop-sidebar .card-header {
    background: transparent;
    border: 0;
    padding: .75rem 1rem .25rem;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--pixel-muted);
}
.px-shop-sidebar .card-body { padding: .35rem 1rem 1rem; }
.px-shop-sidebar .list-group-flush { padding: 0 .5rem .6rem; }
.px-shop-sidebar .list-group-item {
    background: transparent;
    border: 0;
    padding: .5rem .7rem;
    border-radius: .55rem;
    color: var(--pixel-text);
    font-size: .9rem;
}
.px-shop-sidebar .list-group-item + .list-group-item {
    border-top: 1px solid color-mix(in srgb, var(--pixel-text) 8%, transparent);
    border-radius: 0;
}
.px-shop-sidebar .progress {
    height: .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--pixel-text) 10%, transparent);
}
.px-shop-sidebar .progress-bar { background-color: var(--pixel-primary); }
.px-shop-sidebar img.rounded { border-radius: .5rem !important; }