/**
 * Horizontal Scroll Styles
 */

/* Root Container - The "Section to Pin" */
.wml-horizontal-scroll {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    /* Allowing overflow for pin spacer */
    position: relative;
    z-index: 10;
    /* Default height is handled by content or settings */
}

/* The Pinned Section/Wrapper */
.wml-hs-pin-wrap {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    /* Vertically center content */
    overflow: hidden;
    position: relative;
    /* GSAP will pin this */
}

/* The Horizontal Track - Moves Left */
.wml-hs-track {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    /* Match pin wrap height */
    width: max-content;
    /* Allow width to grow */
    align-items: center;
    padding: 0 5vw;
    /* Optional default padding */
    box-sizing: border-box;
}

/* Default styling for children (optional) */
.wml-hs-track>* {
    flex-shrink: 0;
    /* Users will style children width/height in Bricks */
}

/* Active State Class (toggled by JS) */
/* .active { ... } - User can customize */