/* Dark Mode */
.dark-mode {
    --bg-color: #111111;
    --text-color: #f6f6f6;
    --nav-bg: #000000;
    --card-bg: #1a1a1a;
}

.dark-mode .header-top,
.dark-mode .footer {
    background-color: black !important;
    border-color: #1f1f1f;
}

.dark-mode,
.dark-mode .sticky-wrapper,
.dark-mode .page-header {
    background: #131313 !important;
    color: white;
    border-color: #1f1f1f;
}

.dark-mode .sticky-header {
    background: #0c0c0c !important;
    color: white;
    border-color: #1f1f1f;
}

.dark-mode .menu>li>a,
.dark-mode .search-toggle,
.dark-mode .cart-dropdown .dropdown-toggle,
.dark-mode .compare-dropdown .dropdown-toggle,
.dark-mode .page-header h1 {
    color: #ffffff !important;
}

.dark-mode .product-body,
.dark-mode .product,
.dark-mode .comic-item {
    background: #252525 !important;
    color: #fff;
}

.dark-mode .breadcrumb-nav {
    margin-bottom: 4rem;
    border-bottom: 0.1rem solid #1f1f1f;
}

.dark-mode h3 {
    color: #ffffff;
}

.dark-mode #price-plan h3 {
    color: #000000;
}

.dark-mode #banner {
    background: rgba(0, 0, 0, 0);
}

.dark-mode #new-comics h3,
.dark-mode .text-dark {
    color: #ffffff !important;
}

.dark-mode .btn-product,
.dark-mode .entry-author-details,
.dark-mode .reply {
    background: black !important;
}

.dark-mode .product-action .btn-product {
    background: rgb(255, 255, 255) !important;
    border: none;
}

.btn-product {
    color: #e99426;
    padding: 7px !important;
}

.dark-mode .menu-cat a {
    color: aliceblue;
}

.dark-mode .entry-title,
.dark-mode .widget-cats a,
.dark-mode .posts-list a {
    color: #ffffff;
}

.dark-mode #banner,
.dark-mode #blog,
.dark-mode .entry-tags a,
.dark-mode .tagcloud a {
    background: #25252526 !important;
}

.dark-mode .reply .form-control {
    background-color: #131313;
    border-color: #131313;
}

.editor-content p {
    background-color: transparent !important;
    color: #fff !important;
}
.dark-mode 
.footer .widget-title {
    color: #ffffff;
}

.dark-mode .cart-dropdown .dropdown-menu,
.dark-mode .compare-dropdown .dropdown-menu {
    display: block;
    width: 300px;
    z-index: 100;
    font-size: 1.3rem;
    z-index: 1001;
    border: none;
    margin: 1px 0 0;
    padding: 2.2rem 3rem 2.5rem;
    border-radius: 0;
    border: none;
    box-shadow: 5px 10px 16px rgba(51, 51, 51, 0.05), -5px 10px 16px rgba(51, 51, 51, 0.05);
    background-color: #252525;
    visibility: hidden;
    opacity: 0;
    transition: all .25s;
}

.dark-mode .table td,
.dark-mode .details-filter-row .form-control,
.dark-mode .summary.summary-cart,
.dark-mode .review-item .stars::after {
    background: #252525;
    color: aliceblue;
}

.dark-mode .product-col .product-title a,
.dark-mode .table.table-summary thead th,
.dark-mode .table.table-summary .summary-subtotal td,
.dark-mode .btn-outline-dark-2,
.dark-mode .title,
.dark-mode .btn.btn-spinner,
.dark-mode .select-custom::after {
    color: #ffffff !important;
}
.dark-mode
.product-details-accordion .card .card-title a:not(.collapsed),
.dark-mode .product-details-accordion .card .card-title a
, .dark-mode .review-item  {
    background-color: #000000;
    color: white;
}
.dark-mode
.product-details-accordion .card,
.dark-mode .form-control {
    border: .1rem solid #2c2c2c !important;
}
.dark-mode
.summary { 
    background-color: #252525; 
}
h1,
.dark-mode .h1,
.dark-mode h2,
.dark-mode .h2,
.dark-mode h3,
.dark-mode .h3,
.dark-mode h4,
.dark-mode .h4,
.dark-mode h5,
.dark-mode .h5,
.dark-mode h6,
.dark-mode .h6 { 
    color: #cccccc; 
}