h1 > span, .projectmanager h3, .projectmanager li a, body.blog-page article h4:hover,
.testimonials #quote-carousel h5, .services-box-item-content:before, .services-box-item-content h2,
.social-icons ul li a:before, .info-map-boxes-item:before, .info-map-boxes-item h1, .info-map-boxes-item a,
.about ul.nav.nav-tabs li a.active, .services-box-item-cover:before, .services-box-item-cover:after,
#back-top span:before, .comments-list .comment-reply, .blog .blog-content .blog-excerpt .meta a,
.blog .blog-content .blog-excerpt span i, .blog-page .blog-content span i,
.blog-post .banner .content .top-text h4 i, .blog-post .post-author a, .blog-page .meta a,
.blog-page .sidebar .widget:not(.widget-tags) ul li a:hover, .blog-post .blog-content .comment-reply-link,
.videopromotion a i, .fact-badges h2 span, .header-fixed .nav-menu ul.nav-menu-inner li a.current,
span.heart,
.nav-menu-icon.active a, .nav-menu-icon a.active, .nav-menu-icon:hover a, .nav-menu-icon a:hover,
.nav-menu ul.nav-menu-inner li.active a, .nav-menu ul.nav-menu-inner li a.active,
.nav-menu ul.nav-menu-inner li:hover a, .nav-menu ul.nav-menu-inner li a:hover,
.header-fixed .nav-menu ul.nav-menu-inner li a.current, .header-fixed .nav-menu ul.nav-menu-inner li.current a,
body.dark .nav-menu-icon.active a, body.dark .nav-menu-icon a.active, body.dark .nav-menu-icon:hover a,
body.dark .nav-menu-icon a:hover, body.dark .nav-menu ul.nav-menu-inner li.active a,
body.dark .nav-menu ul.nav-menu-inner li a.active, body.dark .nav-menu ul.nav-menu-inner li:hover a,
body.dark .nav-menu ul.nav-menu-inner li a:hover,
body.dark .header-fixed .nav-menu ul.nav-menu-inner li a.current,
body.dark .header-fixed .nav-menu ul.nav-menu-inner li.current a,
.btn-wrapper a, .latest-post .post-title a:hover, body.dark .latest-post .post-title a:hover { color: #8B5CF6; }

.banner .breadcrumb>li a:hover, .custom-colorRotatingWords,
.team .social-icons ul.social li a:hover, .team .social-icons ul.social li a:hover:before { color: #8B5CF6 !important; }

.latest-post .post-date, .custom-button, .portfolio .nav-pills li:hover, .portfolio .nav-pills li.active,
#back-top a:hover, .social-icons ul li a:hover, .custom-input-label::before,
.testimonials #quote-carousel .carousel-indicators .active,
.custom-form-group .input-group .input-group-addon, .submit-form button,
.blog-page ul.pagination li.active a, .blog-page ul.pagination li.active a:hover,
body.dark.blog-page ul.pagination li.active a, body.dark.blog-page ul.pagination li.active a:hover,
body.double-diagonal .about::before, body.double-diagonal .services::before,
body.double-diagonal .portfolio::before, body.double-diagonal .team::before,
body.double-diagonal .blog::before, body.double-diagonal .contact::before,
body.double-diagonal .logos::before,
.team-member:hover .team-member-caption, .btn-wrapper a:hover,
.widget-tags ul > li a:hover { background-color: #8B5CF6; }

.widget-tags ul > li a:hover { border: 1px solid #8B5CF6; }
.about-right-side .full-image-container.hovered:before { border-left: 5px solid #8B5CF6; }
.projectmanager blockquote, #quote-carousel .carousel-indicators .active { border-color: #8B5CF6; }
.blog-page ul.pagination li.active a, body.dark.blog-page ul.pagination li.active a { border-color: #8B5CF6; }
.projectmanagerpicture { border: 12px solid #8B5CF6; }
.portfolio .nav-pills li { border: 2px solid #8B5CF6; }
#back-top a { border: 2px solid #8B5CF6; }
.blog-page .banner .content .top-text hr { border-top: 5px solid #8B5CF6; }
.portfolio .caption h3 { border-left: 3px solid #8B5CF6; }
.team-member-caption { border-top: 3px solid #8B5CF6; }
.social-icons ul.social-icons-team li a { border: 2px solid #8B5CF6; }
.social-icons ul li a { border: 3px solid #8B5CF6; }
.footer .social-icons ul li a { border: 2px solid #8B5CF6; }
.footer { border-top: 2px solid #8B5CF6; }
.social-icons ul.social-icons-team li a, .about .about-right-side:before { border: 2px solid #8B5CF6; }
.btn-wrapper a { border: 5px solid #8B5CF6; }
.rtl-version .about-right-side .full-image-container.hovered:before { border-right: 5px solid #8B5CF6; border-left: 0; }
.rtl-version .projectmanager blockquote { border-left: none; border-right: 5px solid #8B5CF6; }
.rtl-version .portfolio .caption h3 { border-right: 3px solid #8B5CF6; }

/* ====== User zone dark theme (login, mylist) ====== */
body.light {
    background-color: #0D0D1A !important;
    background-image: url('/frontend/assets/img/background_violet.png') !important;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #ccc;
}
body.light .wrapper { background-color: transparent !important; }

/* Header & Nav */
body.light .header { background: #13132B !important; border-bottom: 1px solid #8B5CF622; }
body.light .header.header-fixed { background: #13132B !important; border-bottom: 1px solid #8B5CF633; }
body.light .header #icon-toggler span { background-color: #fff; }
body.light .header-inner { background: transparent !important; }
body.light .nav-menu ul.nav-menu-inner li a { color: #ccc !important; }
body.light .nav-menu ul.nav-menu-inner li a:hover,
body.light .nav-menu ul.nav-menu-inner li.active a { color: #8B5CF6 !important; }
body.light .nav-menu ul.nav-menu-inner li a i { color: #8B5CF6; }
body.light .logo-dark { display: none !important; }
body.light .logo-light { display: block !important; }

/* Footer */
body.light .footer { background: #13132B !important; border-top: 2px solid #8B5CF6; }
body.light .footer p, body.light .footer span, body.light .footer a { color: #ccc !important; }

/* Sections (contact, blog, etc.) */
body.light .section-overlay { background-color: rgba(0,0,0,0.6); }
body.light .contactform { background-color: #0F0F22 !important; background-image: none !important; }
body.light .contact { background-color: transparent !important; }
body.light .contact h1, body.light .contact h4, body.light .contact p { color: #fff !important; }
body.light .blog { background-color: #13132B !important; }
body.light .divider .outer-line { border-color: #8B5CF644; }
body.light .divider .fa { color: #8B5CF6; }

/* Headings */
body.light h1 { color: #fff; }
body.light h1 span { color: #8B5CF6; }
body.light h3 { color: #eee; }
body.light h4 { color: #ccc; }
body.light p { color: #bbb; }

/* Widget / playlist area */
body.light .widget { background: transparent; }
body.light .widget-title { color: #fff !important; }
body.light .widget-tags ul li a { color: #8B5CF6 !important; }
body.light .widget-tags ul li a:hover { background: #8B5CF6 !important; color: #fff !important; }
body.light .unstyled li a { color: #8B5CF6 !important; }

/* Tables */
body.light .table { background-color: #0F0F22 !important; color: #ccc !important; border-color: #8B5CF622; }
body.light .table td, body.light .table th { color: #ccc !important; border-color: #8B5CF615; background-color: transparent !important; }
body.light .table-dark, body.light .table-dark td, body.light .table-dark th { background-color: #0D0D1A !important; color: #fff !important; border-color: #8B5CF622; }
body.light .table-responsive { background: #0F0F22; border-radius: 8px; }
body.light .table thead { background-color: #0D0D1A !important; }
body.light .table thead td, body.light .table thead th { color: #fff !important; background-color: #0D0D1A !important; }

/* Buttons */
body.light .custom-button { background-color: #8B5CF6 !important; color: #fff !important; border-color: #8B5CF6 !important; }
body.light .custom-button:hover { background-color: #7C3AED !important; }
body.light .btn-outline-dark { color: #8B5CF6 !important; border-color: #8B5CF6 !important; background: transparent !important; }
body.light .btn-outline-dark:hover { background-color: #8B5CF6 !important; color: #fff !important; }
body.light .submit-btn { background: #8B5CF6 !important; }
body.light .submit-btn:hover { background: #7C3AED !important; }

/* Checkboxes */
body.light .custom-checkbox label { color: #ccc; }
body.light .custom-checkbox input[type="checkbox"] { accent-color: #8B5CF6; }

/* Device info */
body.light .device-info-container { background: #0F0F22 !important; color: #ccc; border-radius: 8px; }

/* Playlist modals */
body.light .playlist-modal-title { background: #8B5CF6 !important; }
body.light .playlist-modal-btn { background: #8B5CF6 !important; }
body.light .playlist-modal-btn:hover { background: #7C3AED !important; }
body.light #device-playlist-page .nav-link.active { background: #8B5CF6 !important; }
body.light .status-modal-header { background: #8B5CF6 !important; }

/* Modals */
body.light .modal-content { background-color: #13132B !important; color: #ccc; border: 1px solid #8B5CF622; }
body.light .modal-header { border-bottom-color: #8B5CF622; }
body.light .modal-footer { border-top-color: #8B5CF622; }
body.light .modal-title { color: #fff; }
body.light .close { color: #fff; text-shadow: none; opacity: 0.7; }
body.light .close:hover { color: #fff; opacity: 1; }

/* Forms */
body.light .form-control { background-color: #0F0F22 !important; color: #fff !important; border-color: #8B5CF633 !important; }
body.light .form-control::placeholder { color: #888; }
body.light .col-form-label, body.light label { color: #ccc; }
body.light .form-inputs .form-control { background-color: #0F0F22 !important; color: #fff !important; }

/* Misc */
body.light .protect-note { color: #8B5CF6; }
body.light .note-for-playlist { color: #f87171; }
body.light .preloader { background-color: #0D0D1A !important; }
body.light .logopreloader img { filter: brightness(0) invert(1); }
body.light .sl-nav li { color: #ccc; }
body.light .sl-nav .dropdown-menu { background: #13132B !important; border: 1px solid #8B5CF622; }
body.light .sl-nav .dropdown-menu li a span { color: #ccc; }
body.light .sl-nav .dropdown-menu li:hover { background: #0F0F22; }
body.light #delete-confirm-title { color: #fff; }
body.light .faqquestion { color: #8B5CF6; }
body.light .faqanswer { color: #ccc; }

@media (max-width:767px){
    .social-icons ul li a { border: 2px solid #8B5CF6; }
    .about-right-side .full-image-container.hovered:before { border-top: 5px solid #8B5CF6; border-left: none; }
    .rtl-version .about-right-side .full-image-container.hovered:before { border-right: none; }
}
@media (max-width:576px){
    .about ul.nav.nav-tabs li a.active { background: #8B5CF6; color: #fff; }
}