/* ============================================================
   Sohrab Marquee Widget — CSS
   Author: Sohrab Hossain
   ============================================================ */

/* Wrapper */
.sohrab-marquee-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* border / bg / radius set via Elementor controls */
}

/* Edge Fade pseudo-elements */
.sohrab-marquee-wrapper.has-fade::before,
.sohrab-marquee-wrapper.has-fade::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    z-index: 2;
    pointer-events: none;
}
.sohrab-marquee-wrapper.has-fade::before { left: 0; }
.sohrab-marquee-wrapper.has-fade::after  { right: 0; }

/* Scrolling Track */
.sohrab-marquee-track {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
    animation: sohrab-marquee-scroll
               var(--sohrab-marquee-speed, 30s)
               linear
               infinite;
    animation-direction: var(--sohrab-marquee-direction, normal);
    will-change: transform;
}

/* Pause on hover (JS adds class, but also CSS attr hook) */
.sohrab-marquee-track[data-pause-hover="true"]:hover {
    animation-play-state: paused;
}

/* Individual Item */
.sohrab-marquee-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    /* padding-right = item_gap via Elementor control */
}

/* Text */
.sohrab-marquee-text {
    display: inline-block;
    /* color / typography via Elementor controls */
}

/* Icon */
.sohrab-marquee-item-icon {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.sohrab-marquee-item-icon i   { line-height: inherit; }
.sohrab-marquee-item-icon svg { display: block; }

/* Keyframe */
@keyframes sohrab-marquee-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Reduced-motion accessibility */
@media (prefers-reduced-motion: reduce) {
    .sohrab-marquee-track {
        animation-duration: 120s;
    }
}