/*
 * Scrolling Text Marquee — Frontend CSS v1.1
 * Annulla qualsiasi effetto di trasparenza, dissolvenza, mask o
 * pseudo-elementi aggiunto dal tema (Salient, Avada, Divi, ecc.)
 */

/* ── Wrapper: sfondo solido, niente trasparenza ── */
.stp-wrapper,
.stp-wrapper * {
    opacity: 1 !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
    -webkit-mask: none !important;
            mask: none !important;
}

/* Rimuove pseudo-elementi del tema che creano fade ai lati */
.stp-wrapper::before,
.stp-wrapper::after {
    display: none !important;
    content: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
}

/* Assicura che il wrapper copra l'intera larghezza della colonna */
.stp-wrapper {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    /* Forza lo sfondo a coprire anche i bordi arrotondati del container */
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    border-radius: 0 !important;
}

/* Inner: non deve mai mostrare overflow */
.stp-marquee-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    will-change: transform;
}

/* Track: allineamento verticale uniforme */
.stp-track {
    display: inline-flex !important;
    flex-shrink: 0 !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* Testo e separatori: nessuna trasparenza, stile ereditato */
.stp-word,
.stp-sep {
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
}