/**
 * Text Marquee Plugin - Frontend Styles
 */

.text-marquee-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.text-marquee-container .marquee-wrapper {
    display: inline-flex;
    white-space: nowrap;
}

.text-marquee-container .marquee-text {
    display: inline-block;
    white-space: nowrap;
}

/* Accessibilità */
@media (prefers-reduced-motion: reduce) {
    .text-marquee-container .marquee-wrapper {
        animation: none !important;
    }
}

/* Stili predefiniti opzionali */
.text-marquee-container.marquee-style-default {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 10px 20px;
}

.text-marquee-container.marquee-style-gradient {
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 10%, rgba(0,0,0,0.05) 90%, rgba(0,0,0,0) 100%);
}

.text-marquee-container.marquee-style-bordered {
    border: 2px solid #333;
    border-radius: 8px;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .text-marquee-container {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 480px) {
    .text-marquee-container {
        font-size: 0.8em;
    }
}