/**
 * 썸네일 hover 툴팁 스타일
 */

/* 툴팁 컨테이너 */
.thumbnail-tooltip {
    position: fixed;
    z-index: 99999;
    pointer-events: none;
    animation: tooltipFadeIn 0.2s ease-in-out;
}

/* 툴팁 페이드인 애니메이션 */
@keyframes tooltipFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* 로딩 인디케이터 */
.thumbnail-tooltip-loader {
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* 툴팁 이미지 */
.thumbnail-tooltip-image {
    max-width: 480px;
    max-height: 480px;
    display: block;
    border: 2px solid #333;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    background-color: #fff;
}

/* 썸네일에 hover 커서 표시 */
.board-thumbnail {
    cursor: pointer;
    transition: opacity 0.2s;
}

.board-thumbnail:hover {
    opacity: 0.8;
}

/* 모바일에서는 기능 비활성화 */
@media (max-width: 768px) {
    .thumbnail-tooltip {
        display: none !important;
    }
}