/* ===================================================
   MUSICSTREAM PURPLE THEME
=================================================== */

:root{

    --accent:#8B5CF6;

    --accent-hover:#A855F7;

    --accent-dark:#6D28D9;

    --accent-light:rgba(139,92,246,.12);

    --accent-border:rgba(139,92,246,.30);

}

/* ==========================================
   GLOBAL
========================================== */

*{

    accent-color:var(--accent);

}

::selection{

    background:var(--accent);

    color:#fff;

}

a{

    transition:.25s;

}

a:hover{

    color:var(--accent) !important;

}

/* ==========================================
   SCROLLBAR
========================================== */

::-webkit-scrollbar{

    width:10px;

    height:10px;

}

::-webkit-scrollbar-thumb{

    background:var(--accent);

    border-radius:999px;

}

::-webkit-scrollbar-track{

    background:#181818;

}

/* ==========================================
   BUTTONS
========================================== */

.play-song,

.play-btn,

.btn-primary,

button.primary{

    background:var(--accent) !important;

    color:#fff !important;

    border:none !important;

}

.play-song:hover,

.play-btn:hover,

.btn-primary:hover{

    background:var(--accent-hover) !important;

    box-shadow:0 12px 30px rgba(139,92,246,.35) !important;

}

/* ==========================================
   LINKS
========================================== */

.view-all,

.song-badge,

.active{

    color:var(--accent) !important;

}

/* ===================================================
   SIDEBAR
=================================================== */

.sidebar a.active{

    background:rgba(139,92,246,.12) !important;

    color:var(--accent) !important;

    border-left:4px solid var(--accent) !important;

}

.sidebar a:hover{

    color:var(--accent) !important;

}

.sidebar i{

    transition:.25s;

}

.sidebar a:hover i,

.sidebar a.active i{

    color:var(--accent) !important;

}

/* ===================================================
   PLAYER
=================================================== */

.player button:hover{

    color:var(--accent) !important;

}

.player .play-btn{

    background:var(--accent) !important;

}

.player .play-btn:hover{

    background:var(--accent-hover) !important;

}

/* ===================================================
   PROGRESS BAR
=================================================== */

.progress-fill,

.player-progress-fill,

.seek-fill,

.volume-fill{

    background:var(--accent) !important;

}

.progress-thumb,

.player-progress-thumb,

.seek-thumb,

.volume-thumb{

    background:var(--accent) !important;

    box-shadow:0 0 12px rgba(139,92,246,.5);

}

/* ===================================================
   RANGE INPUT
=================================================== */

input[type=range]::-webkit-slider-thumb{

    background:var(--accent);

}

input[type=range]::-moz-range-thumb{

    background:var(--accent);

}

/* ===================================================
   FAVORITES
=================================================== */

.favorite-btn:hover,

.favorite-btn.active{

    background:var(--accent) !important;

    color:#fff !important;

}

/* ===================================================
   SONG COVER
=================================================== */

.cover-overlay{

    background:rgba(139,92,246,.78) !important;

}

.cover-overlay i{

    color:#fff !important;

}

/* ===================================================
   EQUALIZER
=================================================== */

.cover-equalizer span,

.equalizer span{

    background:var(--accent) !important;

}

/* ===================================================
   SONG BADGE
=================================================== */

.song-badge{

    background:rgba(139,92,246,.12) !important;

    color:var(--accent) !important;

    border:1px solid rgba(139,92,246,.25);

}

/* ===================================================
   CARDS
=================================================== */

.song-card:hover,

.album-card:hover,

.artist-card:hover,

.playlist-card:hover,

.related-song:hover,

.home-card:hover{

    border-color:rgba(139,92,246,.35) !important;

    box-shadow:0 18px 45px rgba(139,92,246,.15) !important;

}

.info-card:hover{

    border-color:rgba(139,92,246,.35) !important;

}

.song-section{

    border-color:rgba(139,92,246,.12) !important;

}

/* ===================================================
   SEARCH
=================================================== */

input:focus,

select:focus,

textarea:focus{

    border-color:var(--accent) !important;

    box-shadow:0 0 0 3px rgba(139,92,246,.20) !important;

    outline:none;

}

.search-box:focus-within,

.songs-search:focus-within,

.global-search:focus-within{

    border-color:var(--accent) !important;

    box-shadow:0 0 20px rgba(139,92,246,.15);

}

.search-box i,

.songs-search i{

    color:var(--accent);

}

/* ===================================================
   CONTEXT MENU
=================================================== */

.song-context-menu .menu-item:hover,

#songContextMenu .menu-item:hover,

.context-menu .menu-item:hover{

    background:rgba(139,92,246,.12) !important;

    color:var(--accent) !important;

}

.song-context-menu .menu-item i,

#songContextMenu .menu-item i,

.context-menu .menu-item i{

    color:var(--accent);

}

/* ===================================================
   DROPDOWNS
=================================================== */

select option:checked{

    background:var(--accent);

    color:#fff;

}

/* ===================================================
   BADGES
=================================================== */

.badge,

.genre-badge,

.status-badge{

    background:rgba(139,92,246,.12);

    color:var(--accent);

    border:1px solid rgba(139,92,246,.25);

}

/* ===================================================
   ICONS
=================================================== */

.text-accent,

.icon-accent,

.fa-heart.active,

.fa-play.active{

    color:var(--accent) !important;

}

/* ===================================================
   BORDERS
=================================================== */

.border-accent{

    border-color:var(--accent) !important;

}

/* ===================================================
   GLOW
=================================================== */

.glow-purple{

    box-shadow:0 0 30px rgba(139,92,246,.30);

}
/* ===================================================
   FORCE PURPLE OVERRIDES
   (Must stay at the bottom)
=================================================== */

/* Text */

[style*="#1DB954"],
[style*="#22d760"]{

    color:#8B5CF6 !important;

}

/* Background */

[style*="background:#1DB954"],
[style*="background: #1DB954"],
[style*="background:#22d760"],
[style*="background: #22d760"]{

    background:#8B5CF6 !important;

}

/* Border */

[style*="border-color:#1DB954"],
[style*="border-color: #1DB954"]{

    border-color:#8B5CF6 !important;

}

/* Common Components */

.view-all,

.song-badge,

.favorite-btn.active,

.favorite-btn:hover,

.play-song,

.play-btn,

.player-play,

.btn-success,

button.success{

    background:#8B5CF6 !important;

    color:#fff !important;

}

/* Hover */

a:hover,

button:hover i,

.song-card:hover h3,

.related-song:hover h4,

.album-card:hover h3,

.artist-card:hover h3{

    color:#A855F7 !important;

}

/* Progress */

.progress-fill,

.seek-fill,

.player-progress-fill,

.volume-fill{

    background:#8B5CF6 !important;

}

/* Equalizer */

.equalizer span,

.cover-equalizer span{

    background:#8B5CF6 !important;

}

/* Icons */

.fa-heart.active,

.fa-play.active,

.fa-music,

.fa-headphones,

.fa-compact-disc{

    color:#8B5CF6 !important;

}

/* Selection */

::selection{

    background:#8B5CF6;

    color:#fff;

}