/* Portfolio Detail Page Styles - Updated: 2025-01-27 */

.portfolio-content {
    padding: 0.5rem !important;
}

@media (max-width: 768px) {
    .portfolio-content {
        padding: 0.5rem !important;
    }
}

@keyframes portfolioLikePulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes heartAnimation {
    0% { 
        transform: translate(-50%, -50%) scale(0);
        opacity: 1;
    }
    50% { 
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 1;
    }
    100% { 
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

body.scrolled .portfolio-header {
    transform: translateY(-50px);
    opacity: 0.8;
}

@media (max-width: 768px) {
    .portfolio-lightbox-content {
        max-width: 95%;
        max-height: 95%;
        padding: 1rem;
    }
    
    .portfolio-lightbox-close {
        top: -40px;
        right: 1rem;
    }
}

/* Dark mode styles */
.dark .portfolio-like-btn.liked {
    color: #9ca3af !important; /* dark:text-gray-400 */
}