/*
Theme Name: Radios TW
Theme URI: https://www.radiosonline.cl
Author: Sebastian & Antigravity
Description: A modern, Tailwind CSS-based theme for Radios Online.
Version: 1.0.0
Text Domain: radios-tw
*/

/* Basic Reset or Utilities if needed, mostly handled by Tailwind */
body {
    background-color: #f3f4f6;
    /* Tailwind gray-100 fallback */
    font-family: system-ui, -apple-system, sans-serif;
}

/* Marquee Animation - Unified across all components */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

.marquee-container {
    overflow: hidden !important;
    white-space: nowrap;
    position: relative;
    display: flex;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);
}

.marquee-text {
    display: inline-block;
    padding-right: 2rem;
    /* Space between original and clone */
    animation: marquee 12s linear infinite;
    will-change: transform;
    /* Optimize animation performance */
}

/* Pause animation on hover to allow reading */
.marquee-container:hover .marquee-text {
    animation-play-state: paused;
}

/* Ensure header matches sidebar height exactly */
.h-16-exact {
    height: 4rem;
    /* 64px, matches h-16 tailwind */
}