@keyframes moveSide {
    0%   { transform: translateX(0); }
    25%  { transform: translateX(-5px); }
    50%  { transform: translateX(5px); }
    75%  { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.move-animation {
    display: inline-block;
    animation: moveSide 1.5s ease-in-out infinite;
}

#animated-text {
    display: inline-block;
    white-space: nowrap;
    transition: transform 0.3s ease;
}

.header-base {
    background: rgba(255, 255, 255, 0.6); /* semi transparent */
    backdrop-filter: blur(10px);          /* 🔥 flou */
    -webkit-backdrop-filter: blur(10px);  /* Safari */

    color: rgb(255, 51, 0);
    padding-top: 5px;
    position: sticky;
    top: 0;
    z-index: 100;

    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

/* Ligne principale */
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
}

/* Texte animé */
.animated-zone {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    flex: 1;
    margin-left: 10px;
}

/* Zone dynamique */
.header-extra {
    width: 100%;
}

.fixed-bottom {
    background: rgba(255, 255, 255, 0.6); /* semi transparent */
    backdrop-filter: blur(10px);          /* 🔥 flou */
    -webkit-backdrop-filter: blur(10px);  /* Safari */

}