/* fppg-plus/assets/css/frontend-top-sliding.css */

.fppg-plus-top-sliding-bar {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 0;
    text-align: center;
    box-sizing: border-box;
    font-size: 1.1em;
    font-weight: bold;
    z-index: 999999; /* Asegura que esté por encima de casi todo */
    top: 0;          /* Siempre se pegará a 0px del viewport por defecto */
    left: 0;
}

/*
 * Mantenemos los ajustes responsivos para el tamaño de fuente y padding.
 * Quitamos las reglas "body.admin-bar" del CSS, ya que el JS lo gestionará
 * de forma más dinámica para la cabecera de Shoptimizer.
 */
@media (max-width: 768px) {
    .fppg-plus-top-sliding-bar {
        font-size: 0.9em;
        padding: 6px 0;
    }
}

@media (max-width: 480px) {
    .fppg-plus-top-sliding-bar {
        font-size: 0.8em;
        padding: 5px 0;
    }
}

.fppg-plus-top-sliding-content {
    display: inline-block;
    padding-left: 0%; /* Mantienes este 0% */
    animation: fppg-plus-slide-animation 90s linear infinite;
}

@keyframes fppg-plus-slide-animation {
    0% { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}