/* ============================================================
   MDTP Marquee Block - Style Frontend v1.1
   ============================================================ */

/* ---- Wrapper ---------------------------------------------- */
.mdtp-marquee {
    overflow   : hidden;
    width      : 100%;
    position   : relative;
    padding    : 12px 0;
    box-sizing : border-box;
}

/* ---- Piste (contient 2 groupes identiques) ---------------- */
.mdtp-marquee__track {
    display    : flex;
    flex-wrap  : nowrap;
    width      : max-content; /* s'etend a la largeur reelle du contenu */
    will-change: transform;
    /* animation et gap injectes en inline CSS par PHP (par instance) */
}

/* ---- Un groupe (moitie de la piste) ----------------------- */
.mdtp-marquee__group {
    display    : flex;
    flex-wrap  : nowrap;
    white-space: nowrap;
    flex-shrink: 0;
    /* gap injecte en inline CSS par PHP */
}

/* ---- Item individuel -------------------------------------- */
.mdtp-marquee__item {
    display    : inline-block;
    flex-shrink: 0;
    line-height: 1.4;
    padding    : 0 4px; /* petit espace interne de securite */
}

.mdtp-marquee__item strong { font-weight: 700; }
.mdtp-marquee__item em     { font-style : italic; }
.mdtp-marquee__item u      { text-decoration: underline; }
.mdtp-marquee__item s      { text-decoration: line-through; }

/* Note : prefers-reduced-motion volontairement omis sur ce bloc
   (animation fonctionnelle exigee par le design) */