/*==================================================
ANNOUNCEMENT BAR
==================================================*/

.sidv-announcement-bar {

    --sidv-announcement-height: 42px;
    --sidv-announcement-bg: var(--sidv-primary-dark, #0D2137);
    --sidv-announcement-text: #FFFFFF;
    --sidv-announcement-accent: var(--sidv-primary, #FF9800);
    --sidv-announcement-gap: 4rem;

    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
    height: var(--sidv-announcement-height);

    overflow: hidden;

    background: var(--sidv-announcement-bg);

    color: var(--sidv-announcement-text);

}


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

.sidv-announcement-bar__track {

    display: flex;
    align-items: center;

    width: max-content;

    gap: var(--sidv-announcement-gap);

    padding-right: var(--sidv-announcement-gap);

    white-space: nowrap;

    will-change: transform;

    animation:
        sidvAnnouncement
        38s
        linear
        infinite;

}


/*==================================================
ITEM
==================================================*/

.sidv-announcement-bar__item {

    display: inline-flex;
    align-items: center;

    gap: .65rem;

    flex: 0 0 auto;

    min-height: 100%;

    color: var(--sidv-announcement-text);

    opacity: .92;

}


/*==================================================
ICON
==================================================*/

.sidv-announcement-bar__item .sidv-icon {

    flex: 0 0 auto;

    color: var(--sidv-announcement-accent);

    transition:
        transform .25s ease,
        opacity .25s ease;

}


/*==================================================
TEXT & LINKS
==================================================*/

.sidv-announcement-bar__text {

    display: inline-block;

    color: var(--sidv-announcement-text);

    font-size: .82rem;
    font-weight: 500;

    line-height: 1.2;

    letter-spacing: .015em;

}

.sidv-announcement-bar__link {

    text-decoration: none;
    transition: color .2s ease;

}

.sidv-announcement-bar__link:hover {

    color: var(--sidv-announcement-accent);

}


/*==================================================
HOVER
==================================================*/

.sidv-announcement-bar:hover
.sidv-announcement-bar__track {

    animation-play-state: paused;

}

.sidv-announcement-bar__item:hover {

    opacity: 1;

}

.sidv-announcement-bar__item:hover
.sidv-icon {

    transform: scale(1.08);

}


/*==================================================
ANIMATION
==================================================*/

@keyframes sidvAnnouncement {

    from {

        transform: translate3d(0, 0, 0);

    }

    to {

        transform: translate3d(-50%, 0, 0);

    }

}


/*==================================================
RESPONSIVE
==================================================*/

@media (max-width: 992px) {

    .sidv-announcement-bar {

        --sidv-announcement-gap: 3rem;

    }

    .sidv-announcement-bar__text {

        font-size: .8rem;

    }

}


/*==================================================
MOBILE
==================================================*/

@media (max-width: 768px) {

    .sidv-announcement-bar {

        display: none;

    }

}


/*==================================================
REDUCED MOTION
==================================================*/

@media (prefers-reduced-motion: reduce) {

    .sidv-announcement-bar__track {

        animation: none;

        transform: none;

    }

}