
:root {
    --heikaya-news-bg: #15120f;
    --heikaya-news-text: #fffdf9;
}

.lumiere-news-stripe {
    position: relative;
    z-index: 1002;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 48px;
    min-height: 48px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,253,249,.08);
    background: var(--heikaya-news-bg);
    color: var(--heikaya-news-text);
    font-family: Montserrat, Arial, sans-serif;
}

/* With multiple announcements the viewport is deliberately compact so
   the arrows sit close to the text instead of at the edges of the screen. */
.lumiere-news-stripe.has-multiple .lumiere-news-stripe__viewport {
    flex: 0 1 auto;
    width: clamp(300px, 40vw, 500px);
}

.lumiere-news-stripe:not(.has-multiple) .lumiere-news-stripe__viewport {
    width: min(760px, calc(100% - 32px));
}

.lumiere-news-stripe__viewport {
    position: relative;
    height: 48px;
    min-height: 48px;
    margin: 0;
    overflow: hidden;
}

.lumiere-news-stripe__track {
    position: relative;
    width: 100%;
    height: 48px;
    min-height: 48px;
}

.lumiere-news-stripe__item {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    min-height: 48px;
    padding: 4px 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
    transition:
        opacity .42s ease,
        transform .48s cubic-bezier(.22,.7,.2,1),
        visibility .42s ease;
}

.lumiere-news-stripe__item.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.lumiere-news-stripe__item a,
.lumiere-news-stripe__item span {
    color: var(--heikaya-news-text) !important;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: .13em;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: normal;
}

.lumiere-news-stripe__item a:hover,
.lumiere-news-stripe__item a:focus-visible {
    color: var(--heikaya-news-text) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Clean standalone arrows. No circle, border or background. */
.lumiere-news-stripe__arrow {
    position: relative;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 20px;
    height: 32px;
    min-width: 20px;
    margin: 0;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--heikaya-news-text) !important;
    opacity: .78;
    cursor: pointer;
    transform: none !important;
    transition: opacity .2s ease, transform .2s ease;
}

.lumiere-news-stripe__arrow::before {
    width: 7px;
    height: 7px;
    content: "";
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
}

.lumiere-news-stripe__arrow--prev::before {
    transform: translateX(1px) rotate(-135deg);
}

.lumiere-news-stripe__arrow--next::before {
    transform: translateX(-1px) rotate(45deg);
}

.lumiere-news-stripe__arrow:hover,
.lumiere-news-stripe__arrow:focus-visible {
    border: 0 !important;
    background: transparent !important;
    color: var(--heikaya-news-text) !important;
    opacity: 1;
    outline: none;
}

.lumiere-news-stripe__arrow--prev:hover {
    transform: translateX(-2px) !important;
}

.lumiere-news-stripe__arrow--next:hover {
    transform: translateX(2px) !important;
}

.lumiere-news-stripe:not(.has-multiple) .lumiere-news-stripe__arrow {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .lumiere-news-stripe__item,
    .lumiere-news-stripe__arrow {
        transition: none;
    }
}

@media (max-width: 780px) {
    .lumiere-news-stripe {
        gap: 6px;
        height: 42px;
        min-height: 42px;
    }

    .lumiere-news-stripe.has-multiple .lumiere-news-stripe__viewport {
        width: calc(100% - 64px);
        max-width: 430px;
    }

    .lumiere-news-stripe:not(.has-multiple) .lumiere-news-stripe__viewport {
        width: calc(100% - 24px);
    }

    .lumiere-news-stripe__viewport,
    .lumiere-news-stripe__track,
    .lumiere-news-stripe__item {
        height: 42px;
        min-height: 42px;
    }

    .lumiere-news-stripe__item {
        padding: 3px 6px;
    }

    .lumiere-news-stripe__item a,
    .lumiere-news-stripe__item span {
        font-size: 8.5px;
        letter-spacing: .095em;
    }

    .lumiere-news-stripe__arrow {
        width: 18px;
        min-width: 18px;
        height: 28px;
    }

    .lumiere-news-stripe__arrow::before {
        width: 6px;
        height: 6px;
    }
}


/* ============================================================
   v6.14.5 — Announcement arrows: no hover/focus visual effect
   ============================================================ */
.lumiere-news-stripe__arrow,
.lumiere-news-stripe__arrow:hover,
.lumiere-news-stripe__arrow:focus,
.lumiere-news-stripe__arrow:focus-visible,
.lumiere-news-stripe__arrow:active,
.lumiere-news-stripe__arrow--prev:hover,
.lumiere-news-stripe__arrow--prev:focus-visible,
.lumiere-news-stripe__arrow--next:hover,
.lumiere-news-stripe__arrow--next:focus-visible {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fffdf9 !important;
    opacity: .88 !important;
    outline: none !important;
    transform: none !important;
    transition: none !important;
}
