/*
DA Goodies v8.1 — stable CSS-only snack ticker.
No extra JS, no stacked image tags. Uses a cropped strip as a repeating background.
*/
:root {
    --stable-snack-ticker-height-min: 118px;
    --stable-snack-ticker-height-fluid: 10.5vw;
    --stable-snack-ticker-height-max: 184px;
    --stable-snack-scroll-speed: 22s;
    --stable-snack-scroll-distance: 2149px;
}

.dg-snack-strip,
.asset-snack-strip {
    position: relative !important;
    display: block !important;
    width: 100vw !important;
    height: clamp(var(--stable-snack-ticker-height-min), var(--stable-snack-ticker-height-fluid), var(--stable-snack-ticker-height-max)) !important;
    min-height: clamp(var(--stable-snack-ticker-height-min), var(--stable-snack-ticker-height-fluid), var(--stable-snack-ticker-height-max)) !important;
    max-height: clamp(var(--stable-snack-ticker-height-min), var(--stable-snack-ticker-height-fluid), var(--stable-snack-ticker-height-max)) !important;
    overflow: hidden !important;
    margin-left: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: #061015 !important;
    border-bottom: 2px solid rgba(120, 211, 19, .55) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.12), 0 0 24px rgba(159,230,26,.20) !important;
    z-index: 2;
}

.dg-stable-snack-ticker {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url("../assets/snacks-strip-cropped.png") !important;
    background-repeat: repeat-x !important;
    background-size: auto 100% !important;
    background-position: 0 50% !important;
    animation: dgStableSnackTicker var(--stable-snack-scroll-speed) linear infinite !important;
    will-change: background-position;
    pointer-events: none !important;
}

@keyframes dgStableSnackTicker {
    from { background-position: 0 50%; }
    to { background-position: calc(-1 * var(--stable-snack-scroll-distance)) 50%; }
}

@media (max-width: 760px) {
    :root {
        --stable-snack-ticker-height-min: 94px;
        --stable-snack-ticker-height-fluid: 18vw;
        --stable-snack-ticker-height-max: 146px;
        --stable-snack-scroll-speed: 18s;
    }
}

@media (max-width: 440px) {
    :root {
        --stable-snack-ticker-height-min: 82px;
        --stable-snack-ticker-height-fluid: 20vw;
        --stable-snack-ticker-height-max: 118px;
        --stable-snack-scroll-speed: 16s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dg-stable-snack-ticker { animation: none !important; }
}