/* ========================================
   Logo Watermark Background
   ======================================== */

/* 
 * Adds the company logo as a subtle watermark
 * in the background of the website
 */

body::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48%;
    max-width: 640px;
    height: 48%;
    background-image: url('../images/Final logo.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    opacity: 0.09;
    /* Very subtle watermark */
    z-index: -1;
    /* Behind all content */
    pointer-events: none;
    /* Doesn't interfere with clicks */
}


/* Responsive adjustments */
@media (max-width: 991px) {
    body::before {
        width: 70%;
        height: 50%;
    }
}

@media (max-width: 767px) {
    body::before {
        width: 80%;
        height: 40%;
        opacity: 0.02;
        /* Even more subtle on mobile */
    }
}