/*!
 * Rankrix Theme — Galactic background layer
 *
 * Lifted verbatim from production galactic-bg.css (Decision E1 family).
 * Positions #galactic-bg-container as a fixed full-viewport layer behind
 * all page content (z-index: -1, pointer-events: none, inset: 0). The
 * image fills the layer with object-fit: cover; the canvas sits on top
 * of the image with mix-blend-mode: screen for the cursor-sparkle.
 *
 * The wrapper-clearing rules (.site, #page, .wrapper, etc.) target
 * common third-party wrapper classes so the galactic image shows
 * through if this theme is ever paired with another wrapper convention.
 */

/* ============================================================
   GALACTIC BACKGROUND — theme integration
   Container is position:fixed + z-index:-1 so it sits behind
   ALL theme content. pointer-events:none lets every click and
   scroll pass through to the page underneath.
   ============================================================ */

body {
    background-color: #000 !important;
}

/* Many themes paint a solid background on these common wrappers — clearing
   them lets the galactic image show through. Safe defaults. If your theme
   uses a different wrapper class and the background is hidden, add it here. */
.site,
.site-content,
#page,
#content,
.main,
.wrapper,
.content-area,
.entry-content {
    background-color: transparent !important;
}

#galactic-bg-container {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    user-select: none;
}

#galactic-bg-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.6s ease;
    filter: brightness(1) saturate(1);
    -webkit-user-drag: none;
    user-drag: none;
}

#galactic-bg-container.is-hovering #galactic-bg-image {
    filter: brightness(1.1) saturate(1.3);
}

#galactic-bg-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    mix-blend-mode: screen;
}

/* Respect prefers-reduced-motion: disable sparkles for users who request */
@media (prefers-reduced-motion: reduce) {
    #galactic-bg-canvas { display: none; }
    #galactic-bg-image  { transition: none !important; }
}