/**
 * Text Scroll Reveal Widget Styles
 */

.wml-text-scroll {
    display: grid;
    place-content: center;
    width: 100%;
    padding: 2rem;
    /* Ensure scrolling works in builder */
    overflow: visible;
    position: relative;
    /* Ensure it works well inside containers */
    z-index: 1;
}

.wml-ts-text {
    margin: 0;
    /* Font size handled by typography control, but setting a responsive default here just in case */
    font-size: clamp(2rem, 5vw, 8rem);
    line-height: 1.1;
    font-weight: 600;
    /* Initial color will be set by JS via GSAP, but good to have a fallback */
    color: inherit;
    kerning: none;
    /* SplitType optimization */
    position: relative;
    z-index: 1;
}

/* Support for rich text content */
.wml-ts-text p,
.wml-ts-text h1,
.wml-ts-text h2,
.wml-ts-text h3,
.wml-ts-text h4,
.wml-ts-text h5,
.wml-ts-text h6 {
    margin: 0;
    display: inline;
    background: none !important;
    background-color: transparent !important;
}

.wml-ts-text br {
    display: block;
    content: "";
    margin-top: 0.5em;
}

/* Remove any background colors from rich text elements */
.wml-ts-text * {
    background: none !important;
    background-color: transparent !important;
}

/* Ensure chars are display inline-block for transform */
.line {
    overflow: hidden;
}

.char {
    display: inline-block;
}