/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Card stack styling */
#card-stack {
    perspective: 1000px;
}

.story-card {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    cursor: grab;
    user-select: none;
    touch-action: pan-y; /* Allow vertical scroll, capture horizontal for swipe */
    will-change: transform;
}

.story-card:active {
    cursor: grabbing;
}

.story-card.dragging {
    transition: none;
}

/* Show images on all cards, but make non-active cards semi-transparent */
.story-card:not(.active) .card-content {
    opacity: 0.4;
    pointer-events: none;
}

.story-card.active {
    overflow: visible;
}

.story-card.active .card-content {
    opacity: 1;
}

/* Mobile touch improvements */
@media (hover: none) and (pointer: coarse) {
    .story-card {
        cursor: default;
    }
}