/* 
 * Member Card - Flip Fix
 * Correção de oscilação de flip e melhorias visuais
 */

/* ============================================
   MEMBER CARD - FIXED FLIP LOGIC
   ============================================ */

.member-card-wrapper {
    cursor: pointer;
    transition: filter 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Desktop: Add lift effect on hover for visual feedback */
@media (hover: hover) and (pointer: fine) {
    .member-card-wrapper:hover {
        filter: drop-shadow(0 8px 25px rgba(28, 176, 217, 0.2));
    }
}

/* Ensure flipped state is always applied */
.member-card.flipped {
    transform: rotateY(180deg) !important;
}

/* Mobile: Ensure no hover effects */
@media (hover: none) and (pointer: coarse) {
    .member-card-wrapper:active {
        filter: brightness(0.98);
    }
}

/* Prevent animation glitches */
.member-card {
    will-change: transform;
}

.member-card-front,
.member-card-back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}