/* ============================================================
   SIGMA Music brand skin for the live-masterclass client.
   Loaded AFTER galene.css so these rules win. Colors:
   red #DC2626, orange #F97316.  Keep this file separate so
   upstream galene.css can be updated without losing branding.
   ============================================================ */

/* Top navigation bar -> SIGMA red→orange gradient */
.navbar,
.topnav.navbar,
nav.topnav {
    background: linear-gradient(90deg, #DC2626 0%, #F97316 100%) !important;
}

/* Header title sitting on the gradient navbar */
.header-title,
#title {
    color: #ffffff !important;
    font-weight: 800;
    letter-spacing: .03em;
}

/* Left-sidebar brand: turn the old "Galène" slot into a SIGMA logo banner */
.galene-header {
    background: transparent;
    text-align: center;
    padding: 2px;
    margin: 0;
}
.galene-header img.sigma-logo {
    display: block;
    height: 44px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

/* Sidebar header strip (was purple #610a86) -> dark, so the SIGMA logo badge blends */
.users-header { background: #161616 !important; height: auto !important; padding: 8px !important; }

/* Avatar / profile circle -> orange */
.profile-logo {
    background: #F97316 !important;
}

/* Accent links -> SIGMA red */
#chpwspan a,
.sidenav .user-logout a {
    color: #DC2626 !important;
}
.sidenav .user-logout a:hover {
    color: #B91C1C !important;
}

/* Generic primary buttons -> brand red (success/danger keep their meaning) */
.btn-primary {
    background-color: #DC2626 !important;
    border-color: #DC2626 !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #B91C1C !important;
    border-color: #B91C1C !important;
}

/* Connection / status highlights that used the old purple */
a { color: #DC2626; }
a:hover { color: #B91C1C; }