/* 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;
    }
}

/* --- Scoped content fixes for single template --- */
/* Restore list styles inside entry content (prevent global list-none overrides) */
.marche .entry-content ul { list-style: disc; list-style-position: outside;}
/* Do not enforce margins on ordered lists; spacing is controlled in HTML via Tailwind (e.g., pl-6) */
.marche .entry-content ol { list-style: decimal; list-style-position: outside; margin-left: 0; }
.marche .entry-content ul ul { list-style-type: circle; }
.marche .entry-content ul ul ul { list-style-type: square; }

/* If strong global overrides exist, respect explicit Tailwind classes on elements */
.marche .entry-content ol[class*="list-"] { list-style: initial; list-style-position: initial; }
.marche .entry-content ul[class*="list-"] { list-style: initial; list-style-position: initial; }

/* Hard override against global `li{list-style:none;}` - set types per parent */
.marche .entry-content ol > li { list-style-type: decimal !important; display: list-item; }
.marche .entry-content ul > li { list-style-type: disc !important; display: list-item; }
/* Keep explicit list-none when intentionally used */
.marche .entry-content .list-none,
.marche .entry-content .list-none li,
.marche .entry-content li.list-none { list-style: none !important; }

/* Heading colour normalisation (low specificity so Tailwind utilities can override) */
/* Headings default colour, but allow explicit text-* utilities to override (e.g., text-green-500) */
.marche .entry-content :where(h1, h2, h3, h4, h5, h6):not([class*="text-"]) { color: #353538; }

/* Force desktop left column heading colour (avoid global #5a5d58 overrides) */
.marche-left h1 { color: #353538 !important; }

/* Base text colour for desktop left column to defeat body{color:#5a5d58} */
.marche-left { color: #353538; }