/* ===========================================
   PROJECTIVE - TEAM MEMBER HOVER EFFECT
   =========================================== */

/* Card: Base */
.projective-member-wrapper {
    background: #FFFFFF;
    overflow: hidden;
    /* Base transitions and hover effects (lift + shadow) are now handled by: 
       .projective-transition 
       .projective-hover-lift-xl 
       .projective-hover-shadow-card-strong 
       in utilities.css */
}

/* Card: Hover specific effects (Image zoom, etc.) are below */

/* Image Container */
.projective-member-wrapper .elementor-widget-image {
    position: relative;
    overflow: hidden;
}

/* Image: Base */
.projective-member-wrapper .elementor-widget-image img {
    filter: grayscale(20%);
    transition: transform 0.5s ease, filter 0.3s ease;
}

/* Image: Hover */
.projective-member-wrapper:hover .elementor-widget-image img {
    transform: scale(1.08);
    filter: grayscale(0%);
}

/* Gradient Overlay */
.projective-member-wrapper .elementor-widget-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.projective-member-wrapper:hover .elementor-widget-image::after {
    opacity: 1;
}


/* Name */
.projective-member-wrapper .elementor-heading-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 6px;
}

/* Role */
.projective-member-wrapper .member-role {
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}


/* ===========================================
   SOCIAL BUTTON - REVEAL ON HOVER
   =========================================== */

/* Social Button: Base - Hidden */
.projective-member-wrapper .projective-social-btn {
    position: absolute !important;
    bottom: 15px;
    right: 15px;
    z-index: 10;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease;
}

/* Social Button: Visible on Card Hover */
.projective-member-wrapper:hover .projective-social-btn {
    opacity: 1;
    transform: translateY(0);
}

/* Social Button: Own Hover Effect */
.projective-member-wrapper:hover .projective-social-btn {
    background: #d4a84a !important;
    /* Darker accent */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}