/**
 * Hibiscus Gallery — Art Protection Styles
 * Subtle full-coverage watermark like Shutterstock
 */

.art-protected {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.art-protected::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 2;
    background: transparent;
    pointer-events: auto;
}

/* Full tiled watermark using SVG background — perfectly repeating diagonal pattern */
.art-watermark {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 3;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='120'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-family='Inter,system-ui,sans-serif' font-size='18' font-weight='700' fill='rgba(255,255,255,0.18)' letter-spacing='2' transform='rotate(-30 210 60)'%3EHibiscus Gallery%3C/text%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 420px 120px;
}

.art-protected img {
    -webkit-user-drag: none;
    user-drag: none;
    pointer-events: none;
    -webkit-touch-callout: none;
}

.art-badge {
    position: absolute;
    bottom: 10px; left: 10px;
    z-index: 4;
    background: rgba(34,34,34,0.75);
    backdrop-filter: blur(4px);
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(200,163,93,0.9);
    pointer-events: none;
}