/* css/marche-items.css - parts not covered by Tailwind */
/* Optional scrollbar styling removed for simplicity */

/* Mobile horizontal scroll adjustments */
@media (max-width: 767px) {
    .marche-cards {
        grid-auto-columns: 80%;
        gap: 12px;
    }
}

/* Accessibility - Keyboard navigation only */
.marche-card__link:focus:not(:focus-visible),
.marche-scroll:focus:not(:focus-visible),
.marche__nav a:focus:not(:focus-visible) {
    outline: none;
}

.marche-card__link:focus-visible,
.marche-scroll:focus-visible,
.marche__nav a:focus-visible {
    outline: 2px solid #007cba;
    outline-offset: 2px;
}

/* Shadow S */
.marche-card {
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.08);
}

/* Hide scrollbars completely for YouTube/U-NEXT style UX */
.marche-cards::-webkit-scrollbar {
    display: none;
}

.marche-cards {
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* Allow vertical scrolling */
    overscroll-behavior-y: auto;
    /* Allow vertical touch actions */
    touch-action: pan-y;
}

/* Desktop: Disable horizontal wheel scrolling */
@media (min-width: 1024px) {
    .marche-cards {
        overscroll-behavior-x: none;
    }
}

/* Mobile: Allow horizontal scrolling */
@media (max-width: 1023px) {
    .marche-cards {
        overscroll-behavior-x: auto;
        touch-action: pan-x pan-y;
    }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
    .marche-card,
    .marche-card__media img,
    .marche-scroll {
        transition: none;
    }
    
    .marche-cards {
        scroll-behavior: auto;
    }
}