/**
 * Custom CSS effects for the frontend
 */

/* Blurred image effect */
.blurred-image {
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transition: filter 0.3s ease;
}

/* Optional: Add hover effect to temporarily remove blur when hovering */
.blurred-image:hover {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

/* Adult content overlay */
.adult-content-overlay {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1;
    /*cursor: pointer;*/
}

/* Age and ID verification badges */
.age-badge, .id-badge {
    font-size: 12px;
    display: inline-block;
}

/* Unlock button styling */
.unlock-btn {
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;
    font-weight: 500;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 11;
}

.unlock-btn:hover {
    background-color: #7cb342 !important;
    border-color: #7cb342 !important;
}