/* ==========================================================================
   Widget: Text Marquee
   BEM root: .gtea-text-marquee
   ========================================================================== */

/* ── Root ─────────────────────────────────────────────────────────── */
.gtea-text-marquee {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/* ── Wrapper — clips the scrolling track ─────────────────────────── */
.gtea-text-marquee__wrapper {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

/* ── Track — the horizontal scrolling strip ──────────────────────── */
.gtea-text-marquee__track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    will-change: transform;
    box-sizing: border-box;
}

/* ── Item — one text repetition ──────────────────────────────────── */
.gtea-text-marquee__item {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
}

/* ── Item text — the actual HTML content ─────────────────────────── */
.gtea-text-marquee__item-text {
    display: inline;
    white-space: nowrap;
    box-sizing: border-box;
}

/* Flatten any <p> tags that WYSIWYG may have injected */
.gtea-text-marquee__item-text p {
    display: inline;
    margin: 0;
    padding: 0;
}

/* ── strong / span — base display reset ──────────────────────────── */
.gtea-text-marquee__item-text strong,
.gtea-text-marquee__item-text span {
    display: inline;
}