#live-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: var(--color-bg);
}

/* HEADER */
.live-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--header-padding);
    background-color: var(--header-color);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.live-logo {
    height: 36px;
}

#live-event-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--titre-text-color);
}

/* MAIN */
main {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#live-ui {
    position: absolute;
    inset: 0;
    z-index: 50;
    pointer-events: none;
}

/* FOOTER */
footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--footer-color);
    padding: var(--footer-padding);
    text-align: center;
    z-index:9998;
}

footer.live-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Les 3 zones prennent chacune une "colonne" */
.live-footer-left,
.live-footer-center,
.live-footer-right {
    flex: 1;
    display: flex;
    align-items: center;
}

/* Centre parfaitement le centre */
.live-footer-center {
    justify-content: center;
}

/* Droite alignée à droite */
.live-footer-right {
    justify-content: flex-end;
}

/* gauche explicite (optionnel mais clair) */
.live-footer-left {
    justify-content: flex-start;
}

.live-waiting {
    position: relative;
    display: inline-block;

    font-weight: 500;
    font-size: 0.95rem;
    letter-spacing: 0.3px;

    /* 🎯 SHIMMER GOLD PLUS FIN */
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.55) 0%,
        rgba(255, 220, 150, 0.7) 45%,
        rgba(255, 240, 190, 1) 50%,
        rgba(255, 220, 150, 0.7) 55%,
        rgba(255, 255, 255, 0.55) 100%
    );

    background-size: 140% 100%;
    background-position: 0% 0%;

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;

    animation: shimmerGoldStable 2.6s linear infinite;

    /* glow stable (PAS animé) */
    text-shadow: 0 0 8px rgba(255, 210, 140, 0.10);
}

@keyframes shimmerGoldStable {

    0% {

        background-position: 160% 0%;

    }

    100% {

        background-position: -160% 0%;

    }

}

/* FULLSCREEN MODE */
#live-container:fullscreen footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    transform: translateY(100%);
    transition: transform 0.3s ease;

    z-index: 200;
}

/* footer visible */
#live-container:fullscreen.show-controls footer {
    transform: translateY(0);
}

/* RESPONSIVE */
@media (max-width: 600px) {
    .live-logo {
        height: 28px;
    }

    #live-event-title {
        font-size: 1rem;
    }
}