/* Team Section Hover Scroll */
.layout-team-grid,
.layout-shows-grid {
    display: flex !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important;
    padding-bottom: 10px !important;
    transition: overflow-x 0.3s ease !important;
}

.layout-team-grid:hover,
.layout-shows-grid:hover {
    overflow-x: auto !important;
}

.layout-team-card,
.layout-show-card {
    flex: 0 0 280px !important;
    margin-right: 20px !important;
    transition: transform 0.3s ease !important;
}

.layout-team-grid::-webkit-scrollbar,
.layout-shows-grid::-webkit-scrollbar {
    height: 6px !important;
}

.layout-team-grid::-webkit-scrollbar-track,
.layout-shows-grid::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1) !important;
}

.layout-team-grid::-webkit-scrollbar-thumb,
.layout-shows-grid::-webkit-scrollbar-thumb {
    background: #FF6B35 !important;
    border-radius: 3px !important;
}

/* Smooth reveal for sidebar items */
.trending-song-item,
.trending-story-item {
    opacity: 0.7 !important;
    transform: translateX(-10px) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.trending-song-item:hover,
.trending-story-item:hover {
    opacity: 1 !important;
    transform: translateX(0) !important;
    background: rgba(255,107,53,0.1) !important;
}
