/* ===========================================================================
Common
============================================================================*/
#app[dark-theme="true"], [dark-theme="true"] .modal-content, [dark-theme="true"] .Menu li .back, [dark-theme="true"] .Menu li:not(.category), [dark-theme="true"] #search-box .modal-content {
	background-color: #252935;
}
[dark-theme="true"] .table td, [dark-theme="true"] .table th {
	border-top: 1px solid #464646;
}
[dark-theme="true"] .nav-tabs {
	border-bottom: 1px solid #464646;
}

/* ===========================================================================
Components
============================================================================*/
/* ---------- Buttons ---------- */
[dark-theme="true"] .btn-info, 
[dark-theme="true"] .btn-outline-info:hover {
	background-color: #1a1a1a;
	border-color: #403e3e;
}

/* ---------- Productbox ---------- */
[dark-theme="true"] .btn-outline-info {
	color: #E84E48 !important;
	border-color: #883330;
}

/* ---------- Productbox ---------- */
[dark-theme="true"] .productbox {
	background-color: #252935;
}
[dark-theme="true"] .productbox:hover {
	border-color: #181b22;
}

[dark-theme="true"] .productbox .pic-wrapper {
	background-color: #3a3f4f;
}

[dark-theme="true"] .productbox a {
	color: #e7e7e7;
}
[dark-theme="true"] .productbox a:hover {
	color: #fff;
}

[dark-theme="true"] .productbox .pic-wrapper .btn-wishlist {
	background-color: #868aa2;
}
[dark-theme="true"] .productbox .pic-wrapper .btn-wishlist.active {
	background-color: transparent;
}


/* ---------- Slick ---------- */
[dark-theme="true"] .slick-common-styles .slick-prev::before, [dark-theme="true"] .slick-common-styles .slick-next::before {
	color: #000;
}
[dark-theme="true"] .slick-common-styles .slick-prev, [dark-theme="true"] .slick-common-styles .slick-next {
	background-color: #fff;
	box-shadow: 1px 1px 15px #000;
	border: 1px solid #fff;
}

/* ---------- Forms ---------- */
[dark-theme="true"] .custom-select {
	background-color: #161a23;
	border-color: #343c4f;
	color: #8a8a8a;
}

[dark-theme="true"] .radio-pill-txt {
	background: #364660;
	border: 1px solid #4e628a;
	color: #b7b7b7;
}
[dark-theme="true"] .radio-pill input[type="radio"]:checked + .radio-pill-txt {
	border-color: #777;
}

[dark-theme="true"] input.form-control,
[dark-theme="true"] textarea.form-control {
	background-color: #040404;
    /*border-color: #b7b7b7;*/
    border-color: #313131;
}
[dark-theme="true"] .form-control.is-invalid, [dark-theme="true"] .was-validated .form-control:invalid {
	border-color: #dc3545;
}

/* ---------- Offcanvas Sidebar ---------- */
[dark-theme="true"] .b-sidebar .item {
	border: 1px solid #4a4a4a !important;
}


/* ===========================================================================
Header
============================================================================*/
/* ---------- topbar ---------- */
[dark-theme="true"] .sl-topbar {
	background-color: #161a23;
	color: #b7b7b7;
}
html[lang="en"] [dark-theme="true"] ul.lang-selector li:not(:last-child) {
	border-right: 1px solid #696969;
}
[dark-theme="true"] ul.lang-selector li:not(.active) a {
	color: #b7b7b7;
}

/* ---------- logobar ---------- */
.logo-white {
    display: none;
}
[dark-theme="true"] .logo-white {
    display: inline-flex;
}
[dark-theme="true"] .logo-black {
    display: none;
}
[dark-theme="true"] .sl-logobar {
	background-color: #252935;
}

[dark-theme="true"] .sl-logobar-carticon {
	background-color: #252935;
}
@media(max-width: 1199.98px) {
    [dark-theme="true"] .sl-logobar-carticon {
        border-top: 1px solid #2f3442;
        box-shadow: 0 -5px 15px rgba(0,0,0,0.3);
        background-color: #1c1e24;
    }    
}
[dark-theme="true"] .sl-logobar-carticon a {
	color: #fff;
}
[dark-theme="true"] .sl-logobar-carticon .icon-label {
	color: #b7b7b7;
}
[dark-theme="true"] .btn-searchbox {
	background-color: #fff;
	color: #6d6d6d;
}
[dark-theme="true"] .btn-searchbox:hover {
	color: #000;
}

[dark-theme="true"] .sl-bars svg {
	fill: #b7b7b7;
}

/* ---------- Menu ---------- */
[dark-theme="true"] .sl-menu {
	background-color: #252935;
}
[dark-theme="true"] .sl-menu > li.phone-header {
	background: #0e1015;
	border-bottom: 1px solid #313131;
	color: #b7b7b7;
}
[dark-theme="true"] .sl-menu > li > a {
	color: #fff;
}
[dark-theme="true"] .sl-close-menu {
	background-color: #0e1015;
	color: #8a8a8a;
	border-left: 1px solid #1a1c22;
}
[dark-theme="true"] .sl-dropdown-wrap {
	background-color: #252935;
}
[dark-theme="true"] .row-go-back .btn-go-back {
	border: 1px solid #171717 !important;
	color: #b7b7b7;
}
[dark-theme="true"] .row-go-back .parent-name {
	background-color: #0e1015 !important;
	color: #b7b7b7;
}
[dark-theme="true"] .sl-submenu-title a {
	border-bottom: 5px solid #1d212b;
	color: #b7b7b7;
	background-color: #161a23;
}
[dark-theme="true"] .row-go-back {
	border-bottom: 2px solid #242424;
}

@media(max-width: 1199.98px) {
    [dark-theme="true"] .sl-menu > li > a {
        color: #b7b7b7;
        border-top: 5px solid #1d212b;
        background-color: #161a23;
    }
}


/* ===========================================================================
Footer
============================================================================*/
[dark-theme="true"] .footer-main {
	background-color: #252935;
	border-top: 1px solid #2e3346;
}
[dark-theme="true"] .footer-main h5 {
	color: #c4c4c4;
}
[dark-theme="true"] .module-footer-links a {
	color: #b7b7b7;
}
[dark-theme="true"] .module-footer-links a:hover {
	color: #fff;
}

[dark-theme="true"] .newsletter-email {
	border: 1px solid #000 !important;
	background-color: #000 !important;
	color: #fff !important;
}
[dark-theme="true"] .newsletter-email-button {
	color: #b7b7b7;
	border-color: #000;
}
[dark-theme="true"] .newsletter-email::placeholder {
	color: #686868;
}

[dark-theme="true"] .copyright {
	background-color: #161a23;
}

@media(max-width: 1199.98px) {
    [dark-theme="true"] .module-footer-links.support-accordion h5 {
        background: #191e28;
        border: 1px solid #161b24;
    }
    [dark-theme="true"] .module-footer-links.support-accordion ul {
        background: #191e28;
        border: 1px solid #161b24;
    }
}

/* ===========================================================================
Homepage
============================================================================*/
[dark-theme="true"] .homepage-categories .card {
	background-color: #eaeaea;
}
[dark-theme="true"] .homepage-categories a {
	color: #242424 !important;
}

/* ===========================================================================
Listing Page
============================================================================*/
[dark-theme="true"] .product-spec-filter .filtered-items a {
	border: 1px solid #5b5b5b;
}
[dark-theme="true"] .group.product-spec-group {
	border: 1px solid #4f4f4f;
}
[dark-theme="true"] .product-spec-filter .available-items .product-spec-group li + li {
	border-top: 1px solid #4f4f4f;
}

[dark-theme="true"] .generalLeftSide .product-spec-filter {
	border-bottom: 1px solid #4a4a4a;
}
[dark-theme="true"] .generalLeftSide .block:not(.product-spec-filter) {
	border: 1px solid #4a4a4a;
}
[dark-theme="true"] .generalLeftSide .block:not(.product-spec-filter) h2::after {
	color: #7b7b7b;
}
[dark-theme="true"] .generalLeftSide .block:not(.product-spec-filter) .viewBox {
	border-top: 1px solid #4a4a4a;
}

[dark-theme="true"] .generalLeftSide .block-category-navigation li.active > .sublist > li::before, 
[dark-theme="true"] .generalLeftSide .block-category-navigation li.active > .sublist > li::after {
	border-left: 1px solid #3e3e3e;
}
[dark-theme="true"] .generalLeftSide .block-category-navigation li.active > .sublist > li::after {
	border-bottom: 1px solid #3e3e3e;
}

/* ===========================================================================
Details Page
============================================================================*/
[dark-theme="true"] .attributes {
	border: 1px solid #464646;
}

/* ===========================================================================
Cart Page
============================================================================*/
[dark-theme="true"] .shopping-cart-page .totals-inner {
	border: 1px solid #464646;
}
[dark-theme="true"] .shopping-cart-page .shopping-cart.table {
	border-bottom: 1px solid #464646;
}
[dark-theme="true"] .shopping-cart-page .shopping-cart.table thead th {
	border-bottom: 1px solid #464646;
}
[dark-theme="true"] .shopping-cart-page .shopping-cart.table td .product-name {
	color: white;
}
[dark-theme="true"] .shopping-cart .prod-total {
	color: #b7b7b7 !important;
}
[dark-theme="true"] .shopping-cart-page .deleteshoppingcartitem svg, 
[dark-theme="true"] .shopping-cart-page .shopping-cart.table td .edit-item .btn-link svg, 
[dark-theme="true"] .shopping-cart-page .shopping-cart.table td.subtotal .prod-total {
	color: #b7b7b7 !important;
}

@media(max-width: 1199.98px) {
    [dark-theme="true"] .shopping-cart-page .shopping-cart.table > tbody > tr {
        background-color: #2d3133;
        border: 1px solid #3c4144;
    }
}

/* checkout */
[dark-theme="true"] .checkout-page .opc-totals {
	border: 1px solid #424242 !important;
}
[dark-theme="true"] .shopping-cart {
	color: #b7b7b7;
	border-color: #4a4a4a;
}
[dark-theme="true"] .shopping-cart.table thead th {
	border-color: #4a4a4a;
}

@media(max-width: 1199.98px) {
    [dark-theme="true"] .checkout-page .shopping-cart.table tr {
        border: 1px solid #4a4a4a !important;
        background-color: #2d3133;
    }
}


/* ===========================================================================
Others
============================================================================*/
/* ---------- my account ---------- */
[dark-theme="true"] .account-page {
	background-color: #161a23;
}

/* ---------- Login / Reg ---------- */
[dark-theme="true"] .login-page .card {
	border: 1px solid #404040;
}
[dark-theme="true"] .registration-page .card {
	border: 1px solid #333;
	background-color: #202020;
}
