/* Green hover overlay for videos and albums */
.hover-overlay-container {
    position: relative;
}

.hover-overlay-container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background-color: #9cc900;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1;
}

.environment-project-grid ul li:hover .hover-overlay-container::before,
.environment-project ul li:hover .hover-overlay-container::before,
.environment-event-grid ul li:hover .hover-overlay-container::before {
    opacity: 0.8;
    height: 100%;
}

/* Show icon on hover */
.environment-project-grid ul li:hover .hover-icon,
.environment-project ul li:hover .hover-icon,
.environment-event-grid ul li:hover .hover-icon {
    opacity: 1 !important;
}

/* Ensure icons appear above overlay - just z-index, no position change */
.environment-project-grid figure a i,
.environment-project figure a i,
.environment-event-grid figure a i {
    z-index: 2;
}