/**
 * FoodCoopShop - The open source software for your foodcoop
 *
 * Licensed under the GNU Affero General Public License version 3
 * For full copyright and license information, please see LICENSE
 * Redistributions of files must retain the above copyright notice.
 *
 * @since         FoodCoopShop 3.6.0
 * @license       https://opensource.org/licenses/AGPL-3.0
 * @author        Mario Rothauer <office@foodcoopshop.com>
 * @copyright     Copyright (c) Mario Rothauer, https://www.rothauer-it.com
 * @link          https://www.foodcoopshop.com
 */
body.dark {
    background-color: var(--dark-mode-main-bg-color);
    color: var(--dark-mode-main-font-color);
}
body.dark img {
    filter: brightness(.8) contrast(1.2);
}
body.dark #header,
body.dark #content,
body.dark .sidebar,
body.dark .box,
body.dark #inner-content,
body.dark .modal-content,
body.dark .btn-outline-light.disabled:not(.btn-danger),
body.dark .self-service .header,
body.dark .self-service #SelfServiceForm,
body.dark .self-service #login-form h2 span,
body.dark.admin #menu,
body.dark.admin .filter-container,
body.dark.admin table.list,
body.dark.admin #actionLogs div.changed,
body.dark table.list td.image,
body.dark .self-service .right-box {
    background-color: var(--dark-mode-main-bg-color);
}
body.dark .ui-widget-header,
body.dark .ui-state-default,
body.dark .ui-widget-header .ui-state-hover,
body.dark .ui-selectable {
    color: var(--dark-mode-main-font-color);
    border-color: var(--dark-mode-main-border-color);
    background-color: var(--dark-mode-main-bg-color);
    background-image: none;
}
body.dark #main-menu li ul,
body.dark #user-menu li ul,
body.dark .dropdown .dropdown-toggle,
body.dark .dropdown .dropdown-menu,
body.dark .dropdown .no-results,
body.dark form.sync-login-form,
body.dark.syncs.product_data table.product-list tr.horizontal-checkboxes,
body.dark .pw.delivery-break-enabled {
    background-color: var(--dark-mode-2nd-bg-color);
    border-color: var(--dark-mode-main-border-color);
}
body.dark .vertical.menu a {
    background-color: var(--dark-mode-main-bg-color) ! important;
}
body.dark .ui-widget-header > a,
body.dark .modal-content {
    border: 1px solid var(--dark-mode-main-border-color);
    color: var(--dark-mode-main-font-color);
}
body.dark .btn-outline-light:not(.btn-danger),
body.dark select,
body.dark .product-search-form-wrapper input,
body.dark .product-search-form-wrapper select,
body.dark input,
body.dark .pw .amount-wrapper input,
body.dark textarea,
body.dark .dropdown .form-control:focus,
body.dark.admin #home h1,
body.dark.admin ul.nav-tabs,
body.dark .ui-widget.ui-widget-content {
    background-color: var(--dark-mode-2nd-bg-color);
    color: var(--dark-mode-main-font-color);
    border-color: var(--dark-mode-main-border-color);
}
body.dark #footer,
body.dark .self-service .footer {
    background-color: var(--dark-mode-2nd-bg-color);
    border-color: var(--dark-mode-main-border-color);
}
body.dark .btn-outline-light.active,
body.dark .btn-outline-light:hover,
body.dark .btn-outline-light:active:focus {
    background-color: var(--dark-mode-2nd-bg-color) ! important;
    opacity: .7;
}
body.dark #cookies-eu-banner {
    background-color: var(--dark-mode-2nd-bg-color) ! important;
    color: var(--dark-mode-main-font-color) ! important;
}
#cookies-eu-banner button {
    color: var(--dark-mode-2nd-font-color) ! important;
}
body.dark .testimonial-quote blockquote,
body.dark  .testimonial-quote cite span {
    text-shadow: none;
}
body.dark #main-menu li > a,
body.dark #user-menu li > a,
body.dark a.blog-post-wrapper span,
body.dark .cart span.product-name-wrapper span.unity,
body.dark .modal-title,
body.dark .modal-header i,
body.dark #footer a:hover,
body.dark .dropdown .filter-option-inner-inner,
body.dark .dropdown .dropdown-menu li a span.text,
body.dark .dropdown .no-results,
body.dark .dropdown > .dropdown-toggle:after,
body.dark.admin .filter-container,
body.dark.admin .btn i:not(.not-ok),
body.dark a.btn.edit-shortcut-button i {
    color: var(--dark-mode-main-font-color);
}
body.dark h2.warning,
body.dark h2.info,
body.dark h2.info2,
body.dark .box h3,
body.dark .box h3 i,
body.dark .cart-extra-info,
body.dark .vertical.menu li.header,
body.dark #footer .bottom a i,
body.dark #footer .bottom a,
body.dark .btn-success {
    color: var(--dark-mode-2nd-font-color);
}
body.dark .vertical.menu a,
body.dark.admin.modal-open .modal a:not(.btn):not(.upload-button),
body.dark.admin table.list a:not(.btn),
body.dark.admin h2 span a,
body.dark.admin form .input a:not(.btn),
body.dark.admin .dropdown-item,
body.dark.admin .dropdown-item i,
body.dark .tooltipster-box .tooltipster-content,
body.dark .tooltipster-box .tooltipster-content a,
body.dark table.list td.not-available,
body.dark table.list td.not-available i.sold-out-limit-for-dialog i,
body.dark.admin ul.nav-tabs > li > a {
    color: var(--dark-mode-main-font-color) ! important;
}
body.dark a.blog-post-wrapper,
body.dark .vertical.menu,
body.dark.admin div:not(.product-list) > table.list tr:nth-child(odd),
body.dark.admin table.list tr.custom-odd,
body.dark.admin table.list th,
body.dark .tooltipster-box .tooltipster-content,
body.dark.reports.payment form#csv-records tr.not-selected {
    background-color: var(--dark-mode-2nd-bg-color);
}
body.dark .vertical.menu a.active,
body.dark .vertical.menu a:hover,
body.dark .vertical.menu a:hover i,
body.dark .vertical.menu a.active i,
body.dark .vertical.menu a.active span.additional-info,
body.dark .vertical.menu a:hover span.additional-info {
    color: var(--dark-mode-2nd-font-color) ! important;
}
body.dark.admin ul.nav-tabs li.active a,
body.dark.admin ul.nav-tabs li a:hover {
    background-color: var(--dark-mode-main-bg-color) ! important;

}
body.dark a.blog-post-wrapper:hover {
    opacity: .8;
}
body.dark .swiper-button-prev:after,
body.dark .swiper-button-next:after,
body.dark .btn-warning {
    color: var(--dark-mode-main-bg-color);
}
body.dark.admin table.list th {
    box-shadow: inset 0 0px 0 var(--dark-mode-main-border-color), inset 0 -1px 0 var(--dark-mode-main-border-color);
}
body.dark .dropdown-item:hover,
body.dark .dropdown-item:hover > i,
body.dark .dropdown-item:hover span,
body.dark .btn-warning:hover {
    color: var(--dark-mode-main-bg-color) ! important;
}
body.dark .dropdown-item.active:hover span,
body.dark .btn-warning.active:hover {
    color: #fff ! important;
}
body.dark .box,
body.dark #header,
body.dark .vertical.menu,
body.dark div.c2,
body.dark div.c3,
body.dark .vertical.menu,
body.dark .vertical.menu li.header,
body.dark .vertical.menu a,
body.dark #content,
body.dark.carts .cart:not(#cart) .product,
body.dark #cart p.product-sum-wrapper,
body.dark #cart p.total-sum-wrapper,
body.dark #right .inner-right,
body.dark .pw,
body.dark .manufacturer-wrapper,
body.dark a.blog-post-wrapper h3,
body.dark .modal-footer,
body.dark .h1-registration,
body.dark .self-service #SelfServiceForm,
body.dark .self-service #cart,
body.dark .self-service #login-form h2,
body.dark.admin .filter-container,
body.dark.admin table.list th,
body.dark.admin table.list td,
body.dark.admin table.list tr,
body.reports.payment form#csv-upload,
body.dark hr.dropdown-divider {
    border-color: var(--dark-mode-main-border-color);
}
body.dark #load-last-order-details {
    border-color: var(--dark-mode-main-border-color) ! important;
}
body.dark .btn-outline-light:active {
    color: #fff;
}
body.dark .menu.vertical span.additional-info {
    background-color: transparent ! important;
    color: var(--dark-mode-main-font-color) ! important;
}
body.dark .menu.vertical a:hover i,
body.dark .menu.vertical a.active i,
body.dark.admin .vertical.menu > li img.logo {
    background-color: transparent ! important;
}
body.dark ul.menu.vertical:not(#user-menu):not(#footer-menu) a:hover,
body.dark ul.menu.vertical:not(#user-menu):not(#footer-menu) a.active,
body.dark #footer a:hover,
body.dark .ui-datepicker-calendar .ui-state-active {
    text-decoration: underline ! important;
}
body.dark .blog-wrapper .swiper-button-prev,
body.dark .blog-wrapper .swiper-button-next,
body.dark #scroll-to-top a {
    background-color: var(--dark-mode-main-font-color);
}
body.dark.admin table.list:not(.no-hover) tr:not(:last-child):not(:first-child):hover,
body.dark.admin table.list tr.selected {
    background-color: #43464B ! important;
}

