/* Holographic card effects for events and clubs */
:root {
    --card-border-color: #51bbf9;
}

.card {
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
}

.card:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 0px 5px var(--card-border-color);
}

/* Ensure card content stays above effects */
.card-body,
.card-title,
.card-text {
    position: relative;
    z-index: 2;
}

.card-footer {
    position: relative;
    z-index: 2;
}

/* Enhanced button effects within cards */
.card .btn {
    position: relative;
    z-index: 3;
    transition: all 0.3s ease;
}

.card:hover .btn-outline-primary {
    box-shadow: 0 0 10px var(--card-border-color);
}