/** * WordPress Download Manager - Dark Mode Styles * * This file contains all dark mode CSS for WPDM. * Only enqueued when color scheme is 'dark' or 'system'. * For 'light' mode, this file is NOT loaded (performance optimization). * * @package WPDM * @since 7.0.4 */

/* ========================================================================== DARK MODE SUPPORT Auto:prefers-color-scheme | Manual:.dark-mode class ========================================================================== */

/* Dark mode variables - System preference */

/* Note:--color-primary and other color settings come from user settings, not overridden here */
@media (prefers-color-scheme:dark) {
	.w3eden:not(.light-mode) {
		--dm-bg: #0f172a;
		--dm-bg-secondary: #1e293b;
		--dm-bg-tertiary: #334155;
		--dm-text: #f1f5f9;
		--dm-text-secondary: #cbd5e1;
		--dm-text-muted: #94a3b8;
		--dm-border: #334155;
		--dm-border-light: #475569;
	}
	
	.w3eden:not(.light-mode) {
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .card {
		background: var(--dm-bg-secondary);
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .card-header {
		background: var(--dm-bg-tertiary);
		border-color: var(--dm-border);
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .form-control {
		background: var(--dm-bg-secondary);
		border-color: var(--dm-border);
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .form-control::placeholder {
		color: var(--dm-text-muted);
	}
	
	.w3eden:not(.light-mode) .table {
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .table th, .w3eden:not(.light-mode) .table td {
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .table thead th {
		background: var(--dm-bg-tertiary);
		color: var(--dm-text-secondary);
	}
	
	.w3eden:not(.light-mode) .table tbody tr:hover {
		background-color: var(--dm-bg-tertiary);
	}
	
	.w3eden:not(.light-mode) .table-striped tbody tr:nth-of-type(odd) {
		background-color: var(--dm-bg-tertiary);
	}
	
	.w3eden:not(.light-mode) .table-bordered {
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .list-group-item {
		background: var(--dm-bg-secondary);
		border-color: var(--dm-border);
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .modal-content {
		background: var(--dm-bg-secondary);
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .modal-header, .w3eden:not(.light-mode) .modal-footer {
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .nav-tabs {
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .nav-tabs .nav-link {
		color: var(--dm-text-muted);
	}
	
	.w3eden:not(.light-mode) .nav-tabs .nav-link:hover {
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .nav-tabs .nav-link.active {
		color: var(--color-primary);
	}
	
	.w3eden:not(.light-mode) .dropdown-menu {
		background: var(--dm-bg-secondary);
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .dropdown-item {
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .dropdown-item:hover {
		background: var(--dm-bg-tertiary);
	}
	
	.w3eden:not(.light-mode) .progress {
		background: var(--dm-bg-tertiary);
	}
	
	.w3eden:not(.light-mode) .input-group-text {
		background: var(--dm-bg-tertiary);
		border-color: var(--dm-border);
		color: var(--dm-text-secondary);
	}
	
	.w3eden:not(.light-mode) .alert-secondary, .w3eden:not(.light-mode) .alert-light {
		background: linear-gradient(180deg, var(--dm-bg-tertiary) 0%, var(--dm-bg-secondary) 100%);
		color: var(--dm-text-secondary);
		border-left-color: var(--dm-text-muted);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog {
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__header {
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__title, .w3eden:not(.light-mode) .wpdm-changelog__changes, .w3eden:not(.light-mode) .wpdm-changelog__changes strong {
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__content {
		background: var(--dm-bg-secondary);
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__content:hover {
		border-color: var(--dm-border-light);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__item-header {
		background: var(--dm-bg-tertiary);
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__item-header:hover {
		background: var(--dm-bg);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__version {
		background: var(--dm-bg);
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__date {
		color: var(--dm-text-muted);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__line {
		background: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__toggle {
		border-color: var(--dm-border);
		color: var(--dm-text-muted);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog__changes code {
		background: var(--dm-bg-tertiary);
		color: var(--dm-text);
	}
	
	.w3eden:not(.light-mode) .wpdm-changelog-empty {
		background: var(--dm-bg-tertiary);
		border-color: var(--dm-border);
		color: var(--dm-text-muted);
	}
	
	.w3eden:not(.light-mode) .text-muted {
		color: var(--dm-text-muted) !important;
	}
	
	.w3eden:not(.light-mode) hr {
		border-color: var(--dm-border);
	}
	
	.w3eden:not(.light-mode) a:not(.btn) {
		color: var(--color-primary);
	}
}

/* Manual dark mode toggle via .dark-mode class */

/* Note:--color-primary and other color settings come from user settings, not overridden here */
.w3eden.dark-mode {
	--dm-bg: #0f172a;
	--dm-bg-secondary: #1e293b;
	--dm-bg-tertiary: #334155;
	--dm-text: #f1f5f9;
	--dm-text-secondary: #cbd5e1;
	--dm-text-muted: #94a3b8;
	--dm-border: #334155;
	--dm-border-light: #475569;
	color: var(--dm-text);
}

.w3eden.dark-mode .card {
	background: var(--dm-bg-secondary);
	border-color: var(--dm-border);
}

.w3eden.dark-mode .card-header {
	background: var(--dm-bg-tertiary);
	border-color: var(--dm-border);
	color: var(--dm-text);
}

.w3eden.dark-mode .card-footer {
	background: var(--dm-bg-tertiary);
	border-color: var(--dm-border);
	color: var(--dm-text);
}

.w3eden.dark-mode .form-control {
	background: var(--dm-bg-secondary);
	border-color: var(--dm-border);
	color: var(--dm-text);
}

.w3eden.dark-mode .form-control::placeholder {
	color: var(--dm-text-muted);
}

.w3eden.dark-mode .table {
	color: var(--dm-text);
}

.w3eden.dark-mode .table th, .w3eden.dark-mode .table td {
	border-color: var(--dm-border);
}

.w3eden.dark-mode .table thead th {
	background: var(--dm-bg-tertiary);
	color: var(--dm-text-secondary);
}

.w3eden.dark-mode .table tbody tr:hover {
	background-color: var(--dm-bg-tertiary);
}

.w3eden.dark-mode .table-striped tbody tr:nth-of-type(odd) {
	background-color: var(--dm-bg-tertiary);
}

.w3eden.dark-mode .table-bordered {
	border-color: var(--dm-border);
}

.w3eden.dark-mode .list-group-item {
	background: var(--dm-bg-secondary);
	border-color: var(--dm-border);
	color: var(--dm-text);
}

.w3eden.dark-mode .modal-content {
	background: var(--dm-bg-secondary);
	border-color: var(--dm-border);
}

.w3eden.dark-mode .modal-header, .w3eden.dark-mode .modal-footer {
	border-color: var(--dm-border);
}

.w3eden.dark-mode .nav-tabs {
	border-color: var(--dm-border);
}

.w3eden.dark-mode .nav-tabs .nav-link {
	color: var(--dm-text-muted);
}

.w3eden.dark-mode .nav-tabs .nav-link:hover {
	color: var(--dm-text);
}

.w3eden.dark-mode .nav-tabs .nav-link.active {
	color: var(--color-primary);
}

.w3eden.dark-mode .dropdown-menu {
	background: var(--dm-bg-secondary);
	border-color: var(--dm-border);
}

.w3eden.dark-mode .dropdown-item {
	color: var(--dm-text);
}

.w3eden.dark-mode .dropdown-item:hover {
	background: var(--dm-bg-tertiary);
}

.w3eden.dark-mode .progress {
	background: var(--dm-bg-tertiary);
}

.w3eden.dark-mode .input-group-text {
	background: var(--dm-bg-tertiary);
	border-color: var(--dm-border);
	color: var(--dm-text-secondary);
}

.w3eden.dark-mode .alert-secondary, .w3eden.dark-mode .alert-light {
	background: linear-gradient(180deg, var(--dm-bg-tertiary) 0%, var(--dm-bg-secondary) 100%);
	color: var(--dm-text-secondary);
	border-left-color: var(--dm-text-muted);
}

.w3eden.dark-mode .wpdm-changelog {
	border-color: var(--dm-border);
}

.w3eden.dark-mode .wpdm-changelog__header {
	border-color: var(--dm-border);
}

.w3eden.dark-mode .wpdm-changelog__title, .w3eden.dark-mode .wpdm-changelog__changes, .w3eden.dark-mode .wpdm-changelog__changes strong {
	color: var(--dm-text);
}

.w3eden.dark-mode .wpdm-changelog__content {
	background: var(--dm-bg-secondary);
	border-color: var(--dm-border);
}

.w3eden.dark-mode .wpdm-changelog__content:hover {
	border-color: var(--dm-border-light);
}

.w3eden.dark-mode .wpdm-changelog__item-header {
	background: var(--dm-bg-tertiary);
	border-color: var(--dm-border);
}

.w3eden.dark-mode .wpdm-changelog__item-header:hover {
	background: var(--dm-bg);
}

.w3eden.dark-mode .wpdm-changelog__version {
	background: var(--dm-bg);
	color: var(--dm-text);
}

.w3eden.dark-mode .wpdm-changelog__date {
	color: var(--dm-text-muted);
}

.w3eden.dark-mode .wpdm-changelog__line {
	background: var(--dm-border);
}

.w3eden.dark-mode .wpdm-changelog__toggle {
	border-color: var(--dm-border);
	color: var(--dm-text-muted);
}

.w3eden.dark-mode .wpdm-changelog__changes code {
	background: var(--dm-bg-tertiary);
	color: var(--dm-text);
}

.w3eden.dark-mode .wpdm-changelog-empty {
	background: var(--dm-bg-tertiary);
	border-color: var(--dm-border);
	color: var(--dm-text-muted);
}

.w3eden.dark-mode .text-muted {
	color: var(--dm-text-muted) !important;
}

.w3eden.dark-mode hr {
	border-color: var(--dm-border);
}

.w3eden.dark-mode a:not(.btn) {
	color: var(--color-primary);
}

/* ========================================================================== WPDM MODAL DARK MODE ========================================================================== */

/* WPDM Modal Dark Mode - Manual */
.wpdm-modal-wrapper.dark-mode .modal-content {
	background: #1e293b;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);
}

.wpdm-modal-wrapper.dark-mode .modal-header {
	background: #1e293b;
	border-bottom-color: #334155;
}

.wpdm-modal-wrapper.dark-mode .modal-title {
	color: #f1f5f9;
}

.wpdm-modal-wrapper.dark-mode .wpdm-modal-close {
	color: #94a3b8;
}

.wpdm-modal-wrapper.dark-mode .wpdm-modal-close:hover {
	background: rgba(239, 68, 68, .15);
	color: #f87171;
}

.wpdm-modal-wrapper.dark-mode .modal-body {
	background: #1e293b;
	color: #e2e8f0;
}

.wpdm-modal-wrapper.dark-mode .modal-footer {
	background: #0f172a;
	border-top-color: #334155;
}

.wpdm-modal-wrapper.dark-mode .wpdm-modal-loading .wpdm-spinner {
	border-color: #334155;
	border-top-color: var(--color-primary, #818cf8);
}

.wpdm-modal-wrapper.dark-mode .wpdm-modal-loading .wpdm-loading-text {
	color: #94a3b8;
}

/* Glassmorphic backdrop - dark mode */
body.modal-open.dark-mode .modal-backdrop, body.dark-mode.modal-open .modal-backdrop {
	background: rgba(0, 0, 0, .5);
	backdrop-filter: blur(8px) saturate(120%);
	-webkit-backdrop-filter: blur(8px) saturate(120%);
}

/* System preference dark mode */
@media (prefers-color-scheme:dark) {
	.wpdm-modal-wrapper:not(.light-mode) .modal-content {
		background: #1e293b;
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);
	}
	
	.wpdm-modal-wrapper:not(.light-mode) .modal-header {
		background: #1e293b;
		border-bottom-color: #334155;
	}
	
	.wpdm-modal-wrapper:not(.light-mode) .modal-title {
		color: #f1f5f9;
	}
	
	.wpdm-modal-wrapper:not(.light-mode) .wpdm-modal-close {
		color: #94a3b8;
	}
	
	.wpdm-modal-wrapper:not(.light-mode) .wpdm-modal-close:hover {
		background: rgba(239, 68, 68, .15);
		color: #f87171;
	}
	
	.wpdm-modal-wrapper:not(.light-mode) .modal-body {
		background: #1e293b;
		color: #e2e8f0;
	}
	
	.wpdm-modal-wrapper:not(.light-mode) .modal-footer {
		background: #0f172a;
		border-top-color: #334155;
	}
	
	.wpdm-modal-wrapper:not(.light-mode) .wpdm-modal-loading .wpdm-spinner {
		border-color: #334155;
		border-top-color: var(--color-primary, #818cf8);
	}
	
	.wpdm-modal-wrapper:not(.light-mode) .wpdm-modal-loading .wpdm-loading-text {
		color: #94a3b8;
	}
	
	/* Glassmorphic backdrop - system dark mode */
	body.modal-open:not(.light-mode) .modal-backdrop {
		background: rgba(0, 0, 0, .5);
		backdrop-filter: blur(8px) saturate(120%);
		-webkit-backdrop-filter: blur(8px) saturate(120%);
	}
}

/* ========================================================================== FILE LIST GRID COMPONENT - DARK MODE ========================================================================== */

/* Dark Mode - Manual */
.w3eden.dark-mode .wpdm-filelist-toolbar {
	border-bottom-color: var(--dm-border, rgba(255, 255, 255, .1));
}

.w3eden.dark-mode .wpdm-filelist-search__input {
	background: var(--dm-bg-secondary, #1e293b);
	border-color: var(--dm-border, rgba(255, 255, 255, .1));
	color: var(--dm-text, #f1f5f9);
}

.w3eden.dark-mode .wpdm-filelist-search__input::placeholder {
	color: var(--dm-text-muted, #94a3b8);
}

.w3eden.dark-mode .wpdm-filelist-toggle {
	background: var(--dm-bg-tertiary, #334155);
}

.w3eden.dark-mode .wpdm-filelist-toggle__btn {
	color: var(--dm-text-muted, #94a3b8);
}

.w3eden.dark-mode .wpdm-filelist-toggle__btn:hover {
	color: var(--dm-text, #f1f5f9);
}

.w3eden.dark-mode .wpdm-filelist-toggle__btn.active {
	background: var(--dm-bg-secondary, #1e293b);
	color: var(--color-primary, #818cf8);
}

.w3eden.dark-mode .wpdm-filelist-item {
	background: var(--dm-bg-secondary, #1e293b);
	border-color: var(--dm-border, rgba(255, 255, 255, .08));
}

.w3eden.dark-mode .wpdm-filelist-item:hover {
	background: var(--dm-bg-tertiary, #334155);
	border-color: rgba(255, 255, 255, .15);
}

.w3eden.dark-mode .wpdm-filelist-item__icon {
	background: rgba(255, 255, 255, .05);
}

.w3eden.dark-mode .wpdm-filelist-item__title {
	color: var(--dm-text, #f1f5f9);
}

.w3eden.dark-mode .wpdm-filelist-item__meta {
	color: var(--dm-text-muted, #94a3b8);
}

.w3eden.dark-mode .wpdm-filelist-item__meta > span:not(:last-child)::after {
	color: rgba(255, 255, 255, .2);
}

.w3eden.dark-mode .wpdm-filelist-item__password .form-control {
	background: var(--dm-bg-tertiary, #334155);
	border-color: rgba(255, 255, 255, .1);
	color: var(--dm-text, #f1f5f9);
}

.w3eden.dark-mode .wpdm-filelist-count {
	color: var(--dm-text-muted, #94a3b8);
}

/* Dark Mode - System Preference */
@media (prefers-color-scheme:dark) {
	.w3eden:not(.light-mode) .wpdm-filelist-toolbar {
		border-bottom-color: var(--dm-border, rgba(255, 255, 255, .1));
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-search__input {
		background: var(--dm-bg-secondary, #1e293b);
		border-color: var(--dm-border, rgba(255, 255, 255, .1));
		color: var(--dm-text, #f1f5f9);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-search__input::placeholder {
		color: var(--dm-text-muted, #94a3b8);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-toggle {
		background: var(--dm-bg-tertiary, #334155);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-toggle__btn {
		color: var(--dm-text-muted, #94a3b8);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-toggle__btn:hover {
		color: var(--dm-text, #f1f5f9);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-toggle__btn.active {
		background: var(--dm-bg-secondary, #1e293b);
		color: var(--color-primary, #818cf8);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-item {
		background: var(--dm-bg-secondary, #1e293b);
		border-color: var(--dm-border, rgba(255, 255, 255, .1));
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-item:hover {
		border-color: var(--color-primary, #818cf8);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-item__icon {
		background: var(--dm-bg-tertiary, #334155);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-item__title {
		color: var(--dm-text, #f1f5f9);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-item__meta {
		color: var(--dm-text-muted, #94a3b8);
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-item__actions {
		border-top-color: var(--dm-border, rgba(255, 255, 255, .1));
	}
	
	.w3eden:not(.light-mode) .wpdm-filelist-count {
		color: var(--dm-text-muted, #94a3b8);
	}
}

/* ========================================================================== CUSTOM SELECT / CATEGORY FILTER DROPDOWN - DARK MODE ========================================================================== */

/* Dark Mode - Manual */
.w3eden.dark-mode .wpdm-custom-select, .w3eden.dark-mode .wpdm-dt-category-filter {
	background-color: var(--dm-bg-secondary, #1e293b) !important;
	background-image: url("https://acsmotioncontrol.com/nitropack_static/pJvcdewtiYyGbFKPTkOWNxaYcigroYTg/assets/images/source/rev-90ac7bb/acsmotioncontrol.com/wp-content/plugins/download-manager/assets/images/sort.svg") !important;
	border-color: var(--dm-border, #334155);
	color: var(--dm-text, #f1f5f9);
}

.w3eden.dark-mode .wpdm-custom-select.nitro-lazy, .w3eden.dark-mode .wpdm-dt-category-filter.nitro-lazy {
	background-image: none !important;
}

.w3eden.dark-mode .wpdm-custom-select:focus, .w3eden.dark-mode .wpdm-dt-category-filter:focus {
	border-color: var(--color-primary, #818cf8);
	box-shadow: 0 0 0 3px rgba(129, 140, 248, .15);
}

.w3eden.dark-mode .wpdm-custom-select option, .w3eden.dark-mode .wpdm-dt-category-filter option {
	background: var(--dm-bg-secondary, #1e293b);
	color: var(--dm-text, #f1f5f9);
}

/* Dark Mode - System Preference */
@media (prefers-color-scheme:dark) {
	.w3eden:not(.light-mode) .wpdm-custom-select, .w3eden:not(.light-mode) .wpdm-dt-category-filter {
		background-color: var(--dm-bg-secondary, #1e293b) !important;
		background-image: url("https://acsmotioncontrol.com/nitropack_static/pJvcdewtiYyGbFKPTkOWNxaYcigroYTg/assets/images/source/rev-90ac7bb/acsmotioncontrol.com/wp-content/plugins/download-manager/assets/images/sort.svg") !important;
		border-color: var(--dm-border, #334155);
		color: var(--dm-text, #f1f5f9);
	}
	
	.w3eden:not(.light-mode) .wpdm-custom-select:focus, .w3eden:not(.light-mode) .wpdm-dt-category-filter:focus {
		border-color: var(--color-primary, #818cf8);
		box-shadow: 0 0 0 3px rgba(129, 140, 248, .15);
	}
	
	.w3eden:not(.light-mode) .wpdm-custom-select option, .w3eden:not(.light-mode) .wpdm-dt-category-filter option {
		background: var(--dm-bg-secondary, #1e293b);
		color: var(--dm-text, #f1f5f9);
	}
	
	.w3eden:not(.light-mode) .wpdm-custom-select.nitro-lazy, .w3eden:not(.light-mode) .wpdm-dt-category-filter.nitro-lazy {
		background-image: none !important;
	}
}