/*
 * Mobile Logo Strip — Phase 3A.6
 *
 * Continuous CSS marquee of judicial institution logos.
 * Mobile-only: hidden on desktop (>=769px).
 *
 * 12 logos in HTML (6 unique × 2 sets). Animation translates
 * -50% to scroll exactly one set off-screen, then loops.
 */


/* ==========================================================================
   STRIP CONTAINER — hidden on desktop
   ========================================================================== */

.sontv-logo-strip {
    display: none;
}

@media all and (max-width: 768px) {
    .sontv-logo-strip {
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 12px 0;
        border-bottom: 1px solid var(--color-hairline);
        background: var(--color-bg);
        overflow: hidden;
    }
}


/* ==========================================================================
   MARQUEE TRACK
   ========================================================================== */

.sontv-logo-strip__track {
    display: flex;
    gap: 32px;
    width: max-content;
    animation: sontv-logo-marquee 30s linear infinite;
}

@keyframes sontv-logo-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}


/* ==========================================================================
   LOGO LINKS + IMAGES
   ========================================================================== */

.sontv-logo-strip__link {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sontv-logo-strip__img {
    display: block;
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
}


/* ==========================================================================
   SMALL MOBILE (<400px) — slightly smaller logos
   ========================================================================== */

@media all and (max-width: 400px) {
    .sontv-logo-strip {
        padding: 10px 0;
    }

    .sontv-logo-strip__track {
        gap: 24px;
    }

    .sontv-logo-strip__img {
        max-width: 68px;
        max-height: 68px;
    }
}