/*
************************************************
    Basic Stylesheet Dark Mode for LFE CMS
    Author: Lukas Fellner
    Copyright 2021 - 2026

    Used with Bootstrap 5 and FontAwesome 5
************************************************
*/

:root {
    --bs-dark-primary: #375a7f;
    --bs-dark-secondary: #626262;
    --bs-dark-success: #005e46;
    --bs-dark-warning: #f39c12;
    --bs-dark-danger: #a52d2d;
    --bs-dark-info: #0c515c;
    --bs-dark-dark: #3b3b3b;
    --bs-dark-light: #9e9e9e;
    --bs-dark-primary-rgb: 55,90,127;
    --bs-dark-secondary-rgb: 98, 98, 98;
    --bs-dark-success-rgb: 0,94,70;
    --bs-dark-warning-rgb: 243,156,18;
    --bs-dark-danger-rgb: 165,45,45;
    --bs-dark-info-rgb: 12, 81, 92;
    --bs-dark-dark-rgb: 59,59,59;
    --bs-dark-light-rgb: 158, 158, 158;
}


/*

dark mode switch

*/

[data-bs-theme=dark] .dark-mode-switch-container-background {
	background-color: rgb(var(--bs-dark-light-rgb))!important;
	border: solid 1px rgb(var(--bs-dark-secondary-rgb));
}

[data-bs-theme=dark] .dark-mode-switch-label-header {
	color: rgb(250, 250, 250);
}


/*

overlayScrollbars

*/

[data-bs-theme=dark] .os-theme-dark.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background: rgba(255, 255, 255, 0.7);
}

[data-bs-theme=dark] .os-theme-dark.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.4);
}

[data-bs-theme=dark] .os-theme-dark.os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.55);
}

/*

forms

*/

[data-bs-theme=dark] .select2-container--default .select2-selection--single,
[data-bs-theme=dark] .select2-container--default .select2-selection--multiple,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    border: 1px solid #515151 !important;
    border-radius: 4px;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cfcfcf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow b:after,
[data-bs-theme=dark] .select2-container--bootstrap-5  .select2-selection--single .select2-selection__arrow b:after {
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .select2-container--default .select2-dropdown,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-dropdown {
    background-color: var(--bs-body-bg) !important;
    border: 1px solid #515151 !important;
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple,
[data-bs-theme=dark] .select2-container--default .select2-selection--single:focus,
[data-bs-theme=dark]  .select2-container--default .select2-selection--multiple:focus,
[data-bs-theme=dark] .select2-container--bootstrap-5.select2-container--bootstrap-5.select2-container--focus .select2-selection--multiple,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--single:focus,
[data-bs-theme=dark]  .select2-container--bootstrap-5 .select2-selection--multiple:focus {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    border-color: #9badbf !important;
    box-shadow: 0 0 0 0.25rem rgb(55 90 127 / 25%);
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
    color: var(--bs-body-color) !important;
    background-color: #1c2d40 !important; 
    border: 1px solid #9badbf !important;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--bs-body-color) !important;
}

[data-bs-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected] {
    color: #738ca5 !important;
    background-color: #1c2d40 !important;  
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, 
[data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:hover, 
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #375a7f !important;
    color: var(--bs-body-color) !important;
    outline: none;
    border-radius: 0;
}

[data-bs-theme=dark] .select2-container--default .select2-results__option--selected,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-results__option--selected  {
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme=dark] .select2-container--default .select2-search--dropdown,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-search--dropdown {
    background-color: var(--bs-body-bg) !important;
    border-bottom-color: #515151 !important;
}

[data-bs-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field,
[data-bs-theme=dark] .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
}

[data-bs-theme=dark] .was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #e74c3c;
}