/* Police personnalisée */
@font-face {
    font-family: 'Repet';
    src: url('/fonts/repet___.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#radioPlayerCard{background: #18181b url(../i/reflet.png) no-repeat;}


/* Styles personnalisés */
.radio-card {
    transition: transform 0.2s;
}

.radio-card:hover {
    transform: translateY(-5px);
}

/* Style personnalisé pour le lecteur audio */
audio {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.1);
}

audio::-webkit-media-controls-panel {
    background-color: rgba(255, 255, 255, 0.1);
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
    color: white;
}

/* Animation du LED */
@keyframes blink {
    0% { opacity: 0.4; }
    50% { opacity: 1; }
    100% { opacity: 0.4; }
}

.led-icon {
    animation: blink 2s infinite;
}

/* Utilisation de la police personnalisée */
.font-repet {
    font-family: 'Repet', sans-serif;
}

/* Carte de France */
.cartefrance {
    fill: transparent;
    stroke: #2563EB;
    stroke-width: 3;
    transition: all 0.3s ease;
}

.cartefrance:hover {
    fill: #2563EB;
    stroke-width: 4;
    filter: drop-shadow(0 0 4px rgba(37, 99, 235, 0.5));
    cursor: pointer;
}

/* Effet de rotation des logos radio */
.tilt img {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.tilt img:hover {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
}

    /* Styles pour le lecteur audio */
    .audio-wave {
        display: flex;
        align-items: center;
        gap: 2px;
        height: 60px;
    }

    .wave-bar {
        width: 4px;
        height: 20px;
        background-color: #3B82F6;
        border-radius: 2px;
        animation: wave 1.5s ease-in-out infinite;
        animation-play-state: paused;
    }

    @keyframes wave {
        0%, 100% { height: 20px; }
        50% { height: 40px; }
    }

    .wave-bar:nth-child(2n) { animation-delay: 0.2s; }
    .wave-bar:nth-child(3n) { animation-delay: 0.4s; }
    .wave-bar:nth-child(4n) { animation-delay: 0.6s; }
    .wave-bar:nth-child(5n) { animation-delay: 0.8s; }

    /* Style pour le slider de volume */
    input[type="range"] {
        -webkit-appearance: none;
        height: 4px;
        border-radius: 2px;
        background: #374151;
        outline: none;
    }

    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #3B82F6;
        cursor: pointer;
        transition: background .3s ease-in-out;
    }

    input[type="range"]::-webkit-slider-thumb:hover {
        background: #2563EB;
    }

    .led-animation {
        animation: pulse 2s infinite;
    }

    @keyframes pulse {
        0% { opacity: 1; }
        50% { opacity: 0.5; }
        100% { opacity: 1; }
    }

/* Styles pour les liens de drapeaux dans le footer */
.footer-flag-link {
    display: inline-block;
    padding: 10px;  /* Zone de clic minimale */
    margin: 0 8px; /* Distance minimale entre les liens */
}

.footer-flag-link img {
    width: 24px;   /* w-6 en Tailwind */
    height: 16px;  /* h-4 en Tailwind */
    display: block;
}