/*
 * BETCRAFT_PANEL_BACKGROUND_V1.0.0
 *
 * Presentation layer only.
 * Applies only after login.
 * Login/Auth/G2/Catalog behavior unchanged.
 */

/* ---------------------------------------------------------
   Desktop application background
   --------------------------------------------------------- */

body.betcraft-v1:not(.betcraft-route-login) {
    background-color: #07192c !important;

    background-image:
        url("./media/betcraft-panel-bg-desktop.jpg") !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center center !important;

    background-size:
        cover !important;

    background-attachment:
        fixed !important;
}


/* ---------------------------------------------------------
   Existing ArchitectUI / BETCRAFT canvas must be transparent
   so the stadium can actually be visible.
   --------------------------------------------------------- */

body.betcraft-v1:not(.betcraft-route-login) .app-container,
body.betcraft-v1:not(.betcraft-route-login) .app-main,
body.betcraft-v1:not(.betcraft-route-login) .app-main__outer,
body.betcraft-v1:not(.betcraft-route-login) .app-main__inner,
body.betcraft-v1:not(.betcraft-route-login) .router-outlet-container {
    background:
        transparent !important;
}


/* ---------------------------------------------------------
   Preserve existing header/sidebar surfaces.
   Only the application canvas receives the stadium image.
   --------------------------------------------------------- */

body.betcraft-v1:not(.betcraft-route-login) .app-header {
    background:
        rgba(255, 253, 249, .96) !important;
}

body.betcraft-v1:not(.betcraft-route-login) .app-sidebar {
    background:
        var(--bc-surface) !important;
}


/* ---------------------------------------------------------
   Mobile reference image
   Existing BETCRAFT breakpoint proven at 1000px.
   --------------------------------------------------------- */

@media (max-width: 1000px) {

    body.betcraft-v1:not(.betcraft-route-login) {
        background-color:
            #07192c !important;

        background-image:
            url("./media/betcraft-panel-bg-mobile.jpg") !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center top !important;

        background-size:
            cover !important;

        /*
         * Avoid mobile browser problems with fixed backgrounds.
         */
        background-attachment:
            scroll !important;
    }
}