/*
ParkPilot Background Force Fix
Works in dark mode and light mode.
*/

body.has-park-bg {
    background-image:
        linear-gradient(rgba(5, 9, 20, .82), rgba(5, 9, 20, .94)),
        var(--park-bg) !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

body.has-park-bg.light,
body.has-park-bg.light-mode,
body.light.has-park-bg,
body.light-mode.has-park-bg,
html.light body.has-park-bg,
html.light-mode body.has-park-bg,
html[data-theme="light"] body.has-park-bg,
body[data-theme="light"].has-park-bg {
    background-image:
        linear-gradient(rgba(255,255,255,.62), rgba(255,255,255,.84)),
        var(--park-bg) !important;
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

body.has-park-bg .card,
body.has-park-bg .form-card,
body.has-park-bg .panel {
    backdrop-filter: blur(14px) !important;
}

body.has-park-bg:not(.light-mode):not(.light) .card,
body.has-park-bg:not(.light-mode):not(.light) .form-card,
body.has-park-bg:not(.light-mode):not(.light) .panel {
    background: rgba(15, 23, 42, .82) !important;
}

body.has-park-bg .side,
body.has-park-bg .sidebar {
    backdrop-filter: blur(14px) !important;
}

body.light-mode.has-park-bg .card,
body.light.has-park-bg .card,
html.light body.has-park-bg .card,
html.light-mode body.has-park-bg .card,
html[data-theme="light"] body.has-park-bg .card {
    background: rgba(255,255,255,.82) !important;
}

body.light-mode.has-park-bg .side,
body.light.has-park-bg .side,
html.light body.has-park-bg .side,
html.light-mode body.has-park-bg .side,
html[data-theme="light"] body.has-park-bg .side {
    background: rgba(255,255,255,.86) !important;
}

/* KEEP BACKGROUNDS IN LIGHT MODE */
body.light-mode::before,
body.light::before {
    opacity: 0.22 !important;
}

body.light-mode,
body.light {
    background: #f4f7fb !important;
}

/* Make cards readable in light mode */
body.light-mode .card,
body.light .card,
body.light-mode .panel,
body.light .panel,
body.light-mode .content-card,
body.light .content-card {
    background: rgba(255,255,255,0.88) !important;
    backdrop-filter: blur(8px);
}

/* Sidebar light mode */
body.light-mode .sidebar,
body.light .sidebar {
    background: rgba(255,255,255,0.9) !important;
    backdrop-filter: blur(10px);
}