/* Menu custom sans Bootstrap - MASQUÉ PAR DÉFAUT */
.station-dropdown-custom {
    display: none;
}

/* FIXES MOBILES - CSS pur sans Bootstrap */

@media (max-width: 768px) {
    /* FORCER L'AFFICHAGE DU PLAYER COMPLET */
    .player-content {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem !important;
    }
    
    .now-playing {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem !important;
        flex: 1 !important;
        min-width: 0 !important;
    }
    
    .play-btn {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        flex-shrink: 0 !important;
        background: linear-gradient(135deg, #00d4ff 0%, #5b4cff 50%, #ff0099 100%) !important;
        border-radius: 50% !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        cursor: pointer !important;
    }
    
    .play-btn svg {
        width: 20px !important;
        height: 20px !important;
        fill: white !important;
    }
    
    .album-art {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        flex-shrink: 0 !important;
        border-radius: 8px !important;
    }
    
    .song-info {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 1 !important;
        min-width: 0 !important;
    }
    
    .song-title {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
    }
    
    .song-artist {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #dcdcee !important;
        font-size: 0.8rem !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.3 !important;
    }
    
    .visualizer {
        display: none;
        height: 25px !important;
    }
    
    /* Menu custom sans Bootstrap */
    .station-dropdown-custom {
        display: block !important;
        position: relative !important;
        flex-shrink: 0 !important;
    }
    
    .station-menu-toggle-custom {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        padding: 0.5rem !important;
        pointer-events: auto !important;
        z-index: 1000 !important;
        position: relative !important;
    }
    
    .station-menu-toggle-custom svg {
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        fill: white !important;
    }
    
    .station-menu-custom {
        display: none;
        position: fixed;
        bottom: 80px;
        right: 1rem;
        background: rgba(120, 60, 140, 0.98);
        backdrop-filter: blur(10px);
        border-radius: 8px;
        padding: 0.5rem 0;
        min-width: 220px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
        border: 1px solid rgba(91, 76, 255, 0.3);
        z-index: 99999;
    }
    
    .station-menu-custom.active {
        display: block !important;
    }
    
    .station-menu-item-custom {
        padding: 0.75rem 1.5rem;
        color: #ffffff;
        cursor: pointer;
        font-style: italic;
        transition: background 0.3s ease;
    }
    
    .station-menu-item-custom:hover {
        background: linear-gradient(135deg, #00d4ff 0%, #5b4cff 50%, #ff0099 100%);
    }
    
    .station-menu-item-custom.active {
        background: rgba(91, 76, 255, 0.3);
        color: #00d4ff;
        font-weight: 600;
    }
    
    /* Masquer les anciens éléments Bootstrap */
    .station-dropdown,
    .dropdown,
    .dropup {
        display: none !important;
    }
}