/* --- WATERMARK STYLES --- */
.watermark {
position: absolute; /* Changed from fixed so it scrolls with the page */
top: 1500px;
font-family:Roboto;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg); /* Center and rotate */
font-size: 4rem;
font-weight: 800;
color: rgba(000, 0, 0, 0.09); /* Red with low opacity */
z-index: 9999; /* Sit on top of everything */
pointer-events: none; /* CRITICAL: Allows clicks to pass through to the calendar */
user-select: none; /* Prevents user from highlighting the watermark text */
white-space: nowrap;
border: 5px solid rgba(000, 0, 0, 0.06);
padding: 10px 20px;
border-radius: 10px;
}
/* Mobile Resizing */
@media (max-width: 900px) {
.watermark {
top: 1700px;
font-size: 3rem; /* Smaller text for mobile */
font-weight: 700;
color: rgba(000, 0, 0, 0.10); /* Red with low opacity */
padding: 10px 20px; /* Smaller box */
border-width: 5px; /* Thinner border */
width: auto;
max-width: 95%; /* Ensure it doesn't cause horizontal scrolling */
}
}

/* Mobile Resizing */
@media (max-width: 600px) {
.watermark {
top: 1700px;
font-size: 2rem; /* Smaller text for mobile */
font-weight: 700;
transform: translate(-50%, -50%) rotate(-60deg); /* Center and rotate */
color: rgba(000, 0, 0, 0.10); /* Red with low opacity */
padding: 10px 20px; /* Smaller box */
border-width: 3px; /* Thinner border */
width: auto;
max-width: 94%; /* Ensure it doesn't cause horizontal scrolling */
}
}