/* Global Watermark System */
.watermark-enabled img {
    position: relative;
}

.watermark-enabled img:not(.no-watermark):after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 40px;
    background-image: url('/assets/frontend/images/logoo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.3;
    pointer-events: none;
    z-index: 10;    
}

/* Alternative approach using pseudo-element on container */
.watermark-container {
    position: relative;
    display: inline-block;
}

.watermark-container:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 40px;
    background-image: url('/assets/frontend/images/logoo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
    pointer-events: none;
    z-index: 10;
}

/* Vehicle image specific watermarks */
.vehicle-images .watermark-container:after,
.main-image-container .watermark-container:after {
    width: 150px;
    height: 50px;
    opacity: 0.3;
}

/* Thumbnail watermarks - smaller */
.thumbnail .watermark-container:after {
    width: 60px;
    height: 20px;
    opacity: 0.4;
}

/* Modal image watermarks */
.modal-image-container .watermark-container:after {
    width: 200px;
    height: 70px;
    opacity: 0.25;
}

/* Responsive watermark sizes */
@media (max-width: 768px) {
    .watermark-container:after {
        width: 80px;
        height: 30px;
    }
    
    .vehicle-images .watermark-container:after {
        width: 100px;
        height: 35px;
    }
}

/* Hide watermark on certain elements */
.no-watermark,
.no-watermark img,
.logo img,
.avatar img,
.icon img {
    position: relative;
}

.no-watermark:after {
    display: none !important;
}