/* SlideView — 媒體報道／合作媒體 marquee
   沿用原 index.php #promotion3／#promotion2 的視覺（slide 200px、圖 object-fit contain、可拖曳）；
   改為 class 驅動 ＋ --sv-slide 變數，同頁可多個實例。 */

.slide-view {
    margin: 24px 0;
}

.slide-view__tabs {
    margin-bottom: 12px;
}

.slide-view__slider {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    user-select: none;
    -webkit-user-select: none;
    cursor: grab;
}

.slide-view__slider.is-dragging {
    cursor: grabbing;
}

.slide-view__slider.is-dragging .slide-view__slide,
.slide-view__slider.is-dragging img {
    pointer-events: none;
}

.slide-view__slider::-webkit-scrollbar {
    display: none;
}

.slide-view__track {
    display: flex;
    width: max-content;
    align-items: center;
}

.slide-view__slide {
    flex: 0 0 var(--sv-slide, 200px);
    width: var(--sv-slide, 200px);
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.slide-view__slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.slide-view__empty {
    margin: 0;
    padding: 24px 0;
    text-align: center;
    color: #757575;
}

@media (max-width: 767px) {
    .slide-view__slide {
        padding: 0 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .slide-view__slider {
        scroll-behavior: auto;
    }
}