/* Halloween theme for the player panel: loaded after style.css when private/theme.php returns 'halloween' */

.page-panel {
    background-image: url('../../../img/theme/halloween-bg.jpg');
    background-image: image-set(url('../../../img/theme/halloween-bg.webp') type('image/webp'), url('../../../img/theme/halloween-bg.jpg') type('image/jpeg'));
    background-position: center center;
}
@media (max-width: 768px) {
    .page-panel {
        background-image: url('../../../img/theme/halloween-bg-mobile.jpg');
        background-image: image-set(url('../../../img/theme/halloween-bg-mobile.webp') type('image/webp'), url('../../../img/theme/halloween-bg-mobile.jpg') type('image/jpeg'));
        background-position: center top;
    }
}

/* Warm glow around the panel card and the sidebar logo */
.panel-card { box-shadow: 0 0 60px rgba(0,0,0,0.8), 0 0 40px rgba(255,138,43,0.12); }
.panel-sidebar img, .login-logo-mobile { filter: drop-shadow(0 0 10px rgba(255,138,43,0.5)) drop-shadow(0 0 24px rgba(138,77,255,0.25)); }