.ail-marquee-container {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.ail-marquee-content {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-start; /* Changed from space-around */
    /* Ingen min-width här: en tvingad min-bredd på 100 % av behållaren skapar
       ett dött tomrum i slutet av varje dupliceradblock så fort innehållets
       naturliga bredd är smalare än behållaren (breda skärmar) – vilket syns
       som ett extra stort mellanrum precis där listan loopar om. */
    /* Gap and padding are now controlled via Elementor settings */
    animation: scroll-marquee 20s linear infinite;
    align-items: center;
}

.ail-pause-hover-yes .ail-marquee-container:hover .ail-marquee-content {
    animation-play-state: paused;
}

.ail-icon-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    /* margin-right removed, now using flex gap */
}

.ail-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ail-divider {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Removed hardcoded horizontal padding, using flex gap instead */
}

@keyframes scroll-marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}