:root{--dj-accent:#b89aff;--dj-bg:#100c20;--dj-panel:#231a3c;--bs-primary:#b89aff;}
body,#wrapper,#wp-content,#content{background:#100c20!important;color:#f5f7ff;}
#header,#navbarSidenav,.site-footer{background:#100c20!important;color:#f5f7ff;}
.navbarModelsFilter,#navbarModelsFilter,.main-content-wrapper,.modal-content{background:#231a3c!important;border-color:#564176!important;}
.btn-primary,.btn-live,.btn-search,.input-group-addon,.search-close{background:#b89aff!important;border-color:#b89aff!important;color:#100c20!important;}
.btn-primary:hover,.btn-live:hover{background:#dfd0ff!important;}
.navbar-brand,.nav-link:hover,.nav-link.active{color:#b89aff!important;}
.site-header .logo .logo-link-img img{width:265px!important;max-width:265px!important;height:auto!important;}
.site-footer .footer-logo .logo.navbar-footer .img-logo img{width:280px!important;max-width:100%!important;height:auto!important;}
:is(.container-login_form,.container-join_form,.modal-content:has(.loginForm,.joinForm,._2fa_form))::before{background-image:url('/templates/virtualdjlive_flat/english/images/dj-brand/logo.svg')!important;}
:focus-visible{outline:3px solid #b89aff!important;outline-offset:3px;}
#sophia-launcher,.sophia-launcher,.sophia-toggle{background:#b89aff!important;color:#100c20!important;}
@media(max-width:767px){.site-header .logo .logo-link-img img{width:205px!important;max-width:calc(100vw - 145px)!important;}}

@media(max-width:991.98px){
body.offcanvas-shown #wrapper,body #wrapper{margin-left:0!important;transform:none!important;width:100%!important;}
body #header{left:0!important;width:100%!important;}
body #navbarSidenav:not(.show){transform:translateX(-100%)!important;visibility:hidden!important;}
body #navbarSidenav.show{transform:translateX(0)!important;visibility:visible!important;z-index:1050!important;}
.site-header{padding-left:8px!important;padding-right:8px!important;gap:4px!important;}
.header-logo-nav{min-width:0;flex:1;gap:4px!important;}
.header-logo-nav .logo{min-width:0;flex:1;}
.site-header .logo .logo-link-img{margin-right:0!important;}
.site-header .logo .logo-link-img img{width:180px!important;max-width:calc(100vw - 200px)!important;}
#navbarHeaderLogin{margin-left:0!important;}
.btn-login{padding:10px 12px!important;font-size:13px!important;}
.site-footer{overflow-wrap:anywhere;}
}