/**
 * Text Slide Animation - Infinite Horizontal Marquee
 * Adapted from: https://codepen.io/Daniyar01/pen/oNGxgBL
 *
 * Classes:
 * - .test-slide-container: Main container with overflow hidden
 * - .text-slide: Wrapper for text items (no wrap, GPU optimized)
 * - .text-slide-item: Individual text elements
 */

/* Container principal - masque le overflow */
.text-slide-container {
    position: relative;
    display: flex;
    align-items: center;
    overflow-x: hidden;
    width: 100%;
}

/* Wrapper des éléments - no wrap, optimisation GPU */
.text-slide {
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    will-change: transform;
}

/* Éléments individuels de texte */
.text-slide-item {
    padding: 0;
    display: inline-block;
    margin-right: 2rem;
    /* Typography is inherited from FSE - no font-size, font-weight, etc. */
}

/* Accessibilité : Respect des préférences de mouvement réduit */
@media (prefers-reduced-motion: reduce) {
    .text-slide-container {
        overflow-x: auto;
    }
    .text-slide {
        animation: none !important;
        transform: none !important;
    }
}