/* Fix for advisor card text visibility and CTA bar issues */

/* Desktop fixes */
.team-member.active {
    border: 3px solid #000;
    background: #fff !important; /* Ensure white background */
}

/* Force ALL text to be black when active on desktop */
.team-member.active,
.team-member.active *,
.team-member.active h3,
.team-member.active .member-title,
.team-member.active .member-bio,
.team-member.active .member-expertise,
.team-member.active .member-expertise span,
.team-member.active .stat-value,
.team-member.active .stat-label,
.team-member.active p,
.team-member.active div,
.team-member.active span {
    color: #000 !important; /* Force black text on desktop */
}

/* Fix the CTA bar */
.member-cta {
    background: #000;
    border-radius: 8px;
    padding: 12px;
    margin-top: 15px;
}

.member-cta-text {
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
}

/* When advisor is active, make CTA subtle */
.team-member.active .member-cta {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.team-member.active .member-cta-text {
    color: #000;
}

/* Mobile specific fixes - ONLY apply on mobile */
@media (max-width: 768px) {
    /* Active state on mobile - keep white background, black text */
    .team-member.active {
        background: #fff !important;
        border: 2px solid #000 !important;
    }
    
    /* Override desktop styles - make text BLACK on mobile (not white) */
    .team-member.active,
    .team-member.active *,
    .team-member.active h3,
    .team-member.active .member-title,
    .team-member.active .member-bio,
    .team-member.active .member-expertise,
    .team-member.active .member-expertise span,
    .team-member.active .stat-value,
    .team-member.active .stat-label,
    .team-member.active p,
    .team-member.active div,
    .team-member.active span {
        color: #000 !important;
    }
    
    .team-member.active .member-title {
        color: rgba(0, 0, 0, 0.7) !important;
    }
    
    /* Fix CTA on mobile */
    .member-cta {
        background: rgba(0, 0, 0, 0.05);
        border: none;
        border-radius: 8px;
        padding: 12px;
        margin-top: 15px;
    }
    
    .team-member.active .member-cta {
        background: rgba(0, 0, 0, 0.05);
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .team-member.active .member-cta-text {
        color: #000 !important;
    }
    
    /* Remove empty black bar when not active */
    .team-member:not(.active) .member-cta {
        background: #000;
        border: 1px solid #000;
    }
    
    .team-member:not(.active) .member-cta-text {
        color: #fff !important;
        font-weight: 600;
    }
}

/* Remove any ::after badges that might be causing issues */
.team-member.active::after {
    display: none !important;
}