/* Provider card backgrounds.
   Non-premium cards use the admin bg_color (--brand).
   Premium cards keep the standard gold premium effect (aura + glow) from
   coinhub-components.css — no custom-bg override, so they match the reference look. */

.partner--custom-bg:not(.partner--premium) {
    background: color-mix(in srgb, var(--brand) 38%, var(--color-surface-2));
    border-color: color-mix(in srgb, var(--brand) 42%, var(--color-border));
}

.partner--custom-bg:not(.partner--premium) .partner__stats {
    border-color: color-mix(in srgb, var(--brand) 28%, var(--color-border));
    background: color-mix(in srgb, var(--brand) 8%, var(--color-bg));
}

.partner--custom-bg:not(.partner--premium) .partner__glow {
    opacity: 0.72;
    background: radial-gradient(
        120% 95% at 50% -15%,
        color-mix(in srgb, var(--brand) 62%, transparent),
        transparent 62%
    );
}

.partner--custom-bg:not(.partner--premium) .partner__bar > span {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--brand) 75%, #000),
        var(--brand)
    );
}

.partner--custom-bg:not(.partner--premium) .partner__rate-value {
    color: var(--brand);
}

.partner--custom-bg:not(.partner--premium):hover,
.partners-grid .partner--custom-bg:not(.partner--premium):hover {
    border-color: color-mix(in srgb, var(--brand) 62%, var(--color-border));
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.12),
        0 14px 32px color-mix(in srgb, var(--brand) 28%, transparent),
        0 0 0 1px color-mix(in srgb, var(--brand) 36%, var(--color-border));
}