/*
* [모듈명]: 전역 마이크로 인터랙션 (Micro-Interactions)
* [파일명]: vibe_interaction.css
* [역할]: 앱 전체의 아바타, 버튼, 링크 등에 일관된 클릭(Active) 피드백 어감을 부여합니다.
* [디자인 원칙]: Black & White 미니멀리즘을 유지하며, 1px의 오차 없이 Scale 및 Opacity 조정을 통해 터치감을 제공합니다.
*/

/* 1. 모든 아바타 공통 클릭 효과 */
.post-avatar:active,
.detail-avatar:active,
.activity-avatar:active,
.profile-avatar:active,
.pick-avatar:active,
.signal-image-wrapper:active,
.drawer-avatar:active,
.header-avatar:active,
.user-profile-wrapper:active {
    transform: scale(0.95) translateZ(0);
    opacity: 0.8;
    transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s ease;
}

/* 2. 닉네임 및 텍스트 클릭 효과 */
.post-author-name:active,
.comment-author:active,
.signal-nickname:active,
.nickname:active,
.profile-link:active {
    opacity: 0.6;
    transition: opacity 0.1s ease;
}

/* 3. 사파리 터치 하이라이트 제거 및 모바일 최적화 */
.post-avatar,
.detail-avatar,
.activity-avatar,
.profile-avatar,
.pick-avatar,
.signal-image-wrapper,
.drawer-avatar,
.header-avatar,
.user-profile-wrapper,
.post-author-name,
.comment-author,
.signal-nickname,
.nickname,
.profile-link {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    will-change: transform, opacity;
}