/* * Dev Geek — shared full-bleed public-page background. * * Single source of truth for the "paper1.png" full-image background used * on the public/unauthenticated pages: login, password reset, business * register, PIN login, and the customer-facing repair status page. * * Apply by adding class="dg-public-background" to . Do not * duplicate this rule inline in individual Blade files — edit this file * instead so every page using it stays in sync. */ body.dg-public-background { min-height: 100vh; margin: 0; /* Solid fallback shown instantly while the (larger) photo downloads, so the page never flashes the theme's default color/gradient. */ background-color: #1c1c1c; background-image: url('/uploads/img/paper1.png'); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; } /* Dark overlay for text legibility over the photo background. */ body.dg-public-background::before { content: ""; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.35); z-index: 0; pointer-events: none; } /* Page content must sit above the overlay. */ body.dg-public-background .container-fluid { position: relative; z-index: 1; } /* * The legacy split-column theme (.left-col, from public/css/app.css) * paints its own background photo (home-bg.jpg). Pages that opt into * dg-public-background want ONE photo for the whole page, so cancel it * here rather than editing the shared app.css (which other legacy pages, * e.g. business register, still rely on for their own background). */ body.dg-public-background .left-col { background: none; }