/* ── Work Image Tooltip ─────────────────────────── */

.wit-tooltip {
    position: fixed;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transform: translateY(8px) scale(0.96);
    transition: opacity 0.25s ease, transform 0.25s ease;
    will-change: transform, opacity;
}

.wit-tooltip.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.wit-tooltip img {
    display: block;
    width: 320px;
    height: auto;
    border-radius: 0;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
    object-fit: cover;
}

/* Loading skeleton while image is fetching */
.wit-tooltip.is-loading::after {
    content: '';
    display: block;
    width: 320px;
    height: 200px;
    border-radius: 0;
    background: linear-gradient(
        110deg,
        rgba(128, 128, 128, 0.15) 30%,
        rgba(128, 128, 128, 0.25) 50%,
        rgba(128, 128, 128, 0.15) 70%
    );
    background-size: 200% 100%;
    animation: wit-shimmer 1.2s ease-in-out infinite;
}

@keyframes wit-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Disable entirely on tablet and below */
@media (max-width: 1024px) {
    .wit-tooltip {
        display: none !important;
    }
}