/* Pro feature specific styles */
.pro-filter.locked {
    opacity: 0.7;
}

.pro-filter .pro-badge {
    background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 9999px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.pro-filter.locked .pro-badge {
    background: #6b7280;
}

.blurred-hotel-card {
    filter: blur(2px) brightness(1.05);
    opacity: 0.4;
    transition: filter 0.3s ease, opacity 0.3s ease;
    pointer-events: none;
    position: relative;
    transform: scale(0.98);
}

.blurred-hotel-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.2) 0%, transparent 60%),
        radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.15) 0%, transparent 60%),
        linear-gradient(45deg, 
            rgba(255, 255, 255, 0.05) 0%,
            rgba(255, 255, 255, 0.1) 30%,
            rgba(255, 255, 255, 0.08) 70%,
            rgba(255, 255, 255, 0.05) 100%
        );
    backdrop-filter: blur(1px) saturate(0.9);
    border-radius: 1rem;
    z-index: 5;
    pointer-events: none;
    mix-blend-mode: soft-light;
}

.blurred-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.05) 0%,
        rgba(255, 255, 255, 0.08) 25%,
        rgba(255, 255, 255, 0.12) 50%,
        rgba(255, 255, 255, 0.08) 75%,
        rgba(255, 255, 255, 0.05) 100%
    );
    backdrop-filter: blur(0.5px);
    z-index: 6;
    pointer-events: none;
    border-radius: 1rem;
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.1);
}