/* ========================================
   ISOTOPE CUSTOM ANIMATIONS - HORIZONTAL ONLY
   ======================================== */

/* Portfolio Grid Container */
.portfolio-grid {
    position: relative;
}

/* Portfolio Item Base Styles */
.portfolio-item {
    transition: all 0.5s ease;
}

/* Isotope Item Positioning - No Vertical Movement */
.portfolio-item.isotope-item {
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease;
}

/* Hidden State - Simple Fade Only */
.portfolio-item.isotope-hidden {
    pointer-events: none;
    opacity: 0;
}

/* Visible State - Full Opacity */
.portfolio-item.isotope-item {
    opacity: 1;
}

/* Disable default Isotope position animations */
.isotope,
.isotope .isotope-item {
    transition-duration: 0s !important;
}

.isotope {
    transition-property: height;
    transition-duration: 0.3s !important;
}

.isotope .isotope-item {
    transition-property: opacity !important;
    transition-duration: 0.5s !important;
}

/* Remove transform animations */
.isotope-item {
    transform: none !important;
}

/* Simple fade transition only */
.portfolio-item {
    transition: opacity 0.5s ease !important;
}

/* Hover effect - Only vertical lift, no scale */
.portfolio-item:hover {
    transform: translateY(-10px);
}