/**
 * @package     Vaxin.Module
 * @subpackage  mod_vaxinmenuextreme
 * @copyright   (C) 2026 vaxin.fr <https://vaxin.fr>
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

.vme-theme-spotlight {
    --vme-bg: #0b0d1a;
}

.vme-theme-spotlight .vme-track::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    border-radius: inherit;
    background: radial-gradient(
        180px circle at var(--vme-mx, 50%) var(--vme-my, 50%),
        color-mix(in srgb, var(--vme-accent) calc(var(--vme-glow) * 35%), transparent),
        transparent 60%
    );
    transition: opacity 0.3s ease;
}

.vme-theme-spotlight:hover .vme-track::after {
    opacity: 1;
}

.vme-theme-spotlight .vme-indicator::before {
    background: color-mix(in srgb, var(--vme-accent) calc(var(--vme-op-ind) * 1%), transparent);
}

.vme-theme-spotlight.vme-pill .vme-indicator::before {
    background: color-mix(in srgb, var(--vme-accent) calc(var(--vme-op-ind) * 0.22%), transparent);
    border: 1px solid color-mix(in srgb, var(--vme-accent) 60%, transparent);
}

.vme-theme-spotlight.vme-glow .vme-indicator::before {
    box-shadow: 0 0 16px color-mix(in srgb, var(--vme-accent) calc(var(--vme-glow) * 100%), transparent);
}