body {
  padding-bottom: 2rem;
}
.navbar-brand i {
  margin-right: 0.25rem;
}

.navbar {
  background: linear-gradient(90deg, #ff7b7b, #ffb347);
}
.navbar .navbar-brand,
.navbar .nav-link {
  color: #ffffff !important;
}

/* Custom pour le mini-player */
#persistent-player-container {
    transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.1);
}

#persistent-player-container:hover {
    background-color: rgba(0,0,0,0.5) !important;
    border-color: rgba(255,255,255,0.3);
}

#player-volume {
    cursor: pointer;
    height: 4px;
}

/* Ajustement Navbar */
.navbar {
    z-index: 1030; /* Au dessus de tout */
}