/* VIBBOZA PURSE COMPACT
   Version compacte premium. CSS uniquement, aucune valeur serveur modifiée. */

.vbz-purse-source-preview {
    top: 12px !important;
    right: 12px !important;
    z-index: 102 !important;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .28)) !important;
}

.vbz-purse-source-preview .nitro-purse {
    position: relative !important;
    overflow: visible !important;
    min-width: 246px !important;
    max-width: 292px !important;
    padding: 5px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, .15) !important;
    background-color: rgba(9, 14, 24, .91) !important;
    background-image:
        radial-gradient(circle at 12% -10%, rgba(255, 213, 82, .18), transparent 34%),
        radial-gradient(circle at 98% 0%, rgba(70, 184, 255, .14), transparent 32%),
        linear-gradient(180deg, rgba(29, 43, 66, .96), rgba(8, 13, 22, .96)) !important;
    box-shadow:
        0 14px 28px rgba(0, 0, 0, .30),
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 -1px 0 rgba(0, 0, 0, .25) !important;
    backdrop-filter: blur(9px) saturate(1.08) !important;
}

.vbz-purse-source-preview .nitro-purse::before {
    content: "";
    position: absolute;
    inset: 1px;
    pointer-events: none;
    border-radius: 13px;
    border: 1px solid rgba(255, 225, 120, .13);
}

.vbz-purse-source-preview .nitro-purse .grid,
.vbz-purse-source-preview .nitro-purse .d-grid,
.vbz-purse-source-preview .nitro-purse > div {
    gap: 5px !important;
}

.vbz-purse-source-preview .nitro-purse .nitro-purse-button {
    min-height: 27px !important;
    padding: 3px 5px 3px 7px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #fff7df !important;
    background-color: rgba(255, 255, 255, .055) !important;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .025)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 3px 8px rgba(0, 0, 0, .16) !important;
    transition: transform .10s ease, border-color .10s ease, background-color .10s ease !important;
}

.vbz-purse-source-preview .nitro-purse .nitro-purse-button:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(255, 216, 92, .42) !important;
    background-color: rgba(255, 216, 92, .09) !important;
}

.vbz-purse-source-preview .nitro-purse .nitro-purse-button .nitro-currency-icon {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin-left: 4px !important;
    border-radius: 6px !important;
    background-color: rgba(0, 0, 0, .16) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 15px 15px !important;
    image-rendering: auto !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .38)) !important;
}

.vbz-purse-source-preview .nitro-purse .nitro-purse-button .text,
.vbz-purse-source-preview .nitro-purse .nitro-purse-button span {
    color: #fff7df !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .005em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .28) !important;
}

.vbz-purse-source-preview .nitro-purse .nitro-purse-subscription {
    min-height: 56px !important;
    padding: 5px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 216, 92, .25) !important;
    color: #fff0b0 !important;
    background-color: rgba(255, 202, 55, .095) !important;
    background-image: linear-gradient(180deg, rgba(255, 214, 80, .16), rgba(95, 58, 10, .10)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 4px 10px rgba(0, 0, 0, .16) !important;
}

.vbz-purse-source-preview .nitro-purse .nitro-purse-subscription:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(255, 226, 126, .46) !important;
}

.vbz-purse-source-preview .nitro-purse .nitro-purse-subscription .nitro-currency-icon,
.vbz-purse-source-preview .nitro-purse .nitro-purse-subscription .icon {
    width: 21px !important;
    height: 21px !important;
    background-size: contain !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .34)) !important;
}

.vbz-purse-source-preview .nitro-purse .nitro-purse-subscription .text,
.vbz-purse-source-preview .nitro-purse .nitro-purse-subscription span {
    font-size: 11px !important;
    font-weight: 800 !important;
}

.vbz-purse-source-preview .nitro-purse .icon-help,
.vbz-purse-source-preview .nitro-purse .icon-cog {
    transform: scale(.86) !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .34)) !important;
}

.vbz-purse-source-preview .nitro-purse-seasonal-currency {
    min-width: 246px !important;
    max-width: 292px !important;
    min-height: 31px !important;
    margin-top: 2px !important;
    padding: 6px 8px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #f7fbff !important;
    background-color: rgba(10, 17, 29, .94) !important;
    background-image: linear-gradient(90deg, rgba(78, 193, 255, .11), transparent 62%), linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.vbz-purse-source-preview .nitro-purse-seasonal-currency .text,
.vbz-purse-source-preview .nitro-purse-seasonal-currency span {
    font-size: 12px !important;
    font-weight: 800 !important;
}

.vbz-purse-source-preview .nitro-purse-seasonal-currency .nitro-currency-icon {
    width: 18px !important;
    height: 18px !important;
    border-radius: 6px !important;
    background-color: rgba(0, 0, 0, .16) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 15px 15px !important;
    image-rendering: auto !important;
}

@media (max-width: 720px) {
    .vbz-purse-source-preview {
        top: 9px !important;
        right: 9px !important;
        transform: scale(.94) !important;
        transform-origin: top right !important;
    }

    .vbz-purse-source-preview .nitro-purse,
    .vbz-purse-source-preview .nitro-purse-seasonal-currency {
        min-width: 232px !important;
        max-width: 270px !important;
    }
}