/* Ensure the HTML element doesn't block the pseudo-element */
html {
    background-color: transparent;
    height: 100%; /* Ensure html can act as a full-height container */
}

body {
    margin: 0; /* Remove default browser margins */
    background-color: transparent; /* Prevent default body background from showing */
    min-height: 100vh; /* Ensure body takes at least full viewport height */
    position: relative; /* Establishes a stacking context, good practice */
}

/* FIXED Admin-controlled site background - NO TILING */
body::before {
    content: ""; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100vw; /* Explicitly use viewport width */
    height: 100vh; /* Explicitly use viewport height */
    
    /* Make sure your image path is correct relative to the CSS file */
    background-image: url("images/admin-background.jpg"); 
    
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
    /* background-attachment: fixed; /* Redundant for position: fixed elements */
    opacity: 0.8; 
    pointer-events: none; 

    /* This sends the background behind the body's content.ddddddd.. */
    z-index: -1; 
}