/*
 * Team carousel styles. Most of the look is delivered by the theme CSS;
 * the bits that are specific to the team plugin live here.
 */

#team-carousel {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#team-carousel::-webkit-scrollbar {
    display: none;
}

.team-socials a {
    transition: color 0.2s, transform 0.2s;
}

.team-socials a:hover {
    color: #d8b4fe;
    transform: translateY(-2px);
}

/* Carousel scroll-progress bar (desktop). Mirrors the .progress-bar-*
 * pattern from the original glossapi.gr stylesheet. */
.glossapi-team-progress {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 2px;
    overflow: hidden;
}

.glossapi-team-progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #8b5cf6 0%, #d8b4fe 100%);
    box-shadow: 0 0 10px rgba(216, 180, 254, 0.6);
    border-radius: 2px;
}