/* Night Mode Wrapper - پشتیبانی از هر دو selector body.dark و [data-theme="dark"] */
/* این فایل wrapper برای استایل‌های night-mode.css است */

/* Wrapper برای تمام استایل‌های بدون selector body */
body.dark .video-publisher,
body[data-theme="dark"] .video-publisher,
[data-theme="dark"] body .video-publisher {
    color: #fff !important;
}

body.dark .spin-svg,
body[data-theme="dark"] .spin-svg,
[data-theme="dark"] body .spin-svg {
    fill: #fff !important;
}

body.dark .download-placement a,
body[data-theme="dark"] .download-placement a,
[data-theme="dark"] body .download-placement a {
    background: #333;
    color: #eee;
    margin: 5px;
    padding: 10px;
    border-radius: 3px;
    transition: all .3s;
}

body.dark .download-placement a:hover,
body[data-theme="dark"] .download-placement a:hover,
[data-theme="dark"] body .download-placement a:hover {
    text-decoration: none;
    background: #fff;
    color: #333 !important;
}

body.dark .video-views,
body[data-theme="dark"] .video-views,
[data-theme="dark"] body .video-views {
    color: #fff !important;
    text-transform: lowercase;
}

body.dark .cc-theme-edgeless.cc-window,
body[data-theme="dark"] .cc-theme-edgeless.cc-window,
[data-theme="dark"] body .cc-theme-edgeless.cc-window {
    background: #333 !important;
}

body.dark li.sort-comments a:hover,
body[data-theme="dark"] li.sort-comments a:hover,
[data-theme="dark"] body li.sort-comments a:hover {
    background: #3e3e3e !important;
    color: #eee !important;
}

body.dark .mejs-qualities-selected,
body[data-theme="dark"] .mejs-qualities-selected,
[data-theme="dark"] body .mejs-qualities-selected {
    color: #04abf2 !important;
}

body.dark .carousel-inner,
body[data-theme="dark"] .carousel-inner,
[data-theme="dark"] body .carousel-inner {
    border: 2px dashed #fff;
}

body.dark .mejs__qualities-selected,
body[data-theme="dark"] .mejs__qualities-selected,
[data-theme="dark"] body .mejs__qualities-selected {
    color: #04abf2 !important;
}

body.dark .setting-panel input[type='text'],
body[data-theme="dark"] .setting-panel input[type='text'],
[data-theme="dark"] body .setting-panel input[type='text'] {
    color: #eee !important;
}

body.dark .setting-panel input[type='password'],
body[data-theme="dark"] .setting-panel input[type='password'],
[data-theme="dark"] body .setting-panel input[type='password'] {
    color: #eee !important;
}

body.dark .setting-panel.no-padding textarea,
body[data-theme="dark"] .setting-panel.no-padding textarea,
[data-theme="dark"] body .setting-panel.no-padding textarea {
    color: #eee !important;
}

body.dark .setting-panel.no-padding select,
body[data-theme="dark"] .setting-panel.no-padding select,
[data-theme="dark"] body .setting-panel.no-padding select {
    color: #eee !important;
}

body.dark .setting-panel textarea,
body[data-theme="dark"] .setting-panel textarea,
[data-theme="dark"] body .setting-panel textarea {
    color: #eee !important;
}

body.dark .setting-panel select,
body[data-theme="dark"] .setting-panel select,
[data-theme="dark"] body .setting-panel select {
    color: #eee !important;
}

body.dark .user-setting-panel,
body[data-theme="dark"] .user-setting-panel,
[data-theme="dark"] body .user-setting-panel {
    background: #212121 !important;
    color: #eee !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}

body.dark .user-setting-panel input[type='text'],
body[data-theme="dark"] .user-setting-panel input[type='text'],
[data-theme="dark"] body .user-setting-panel input[type='text'] {
    color: #eee !important;
}

body.dark .user-setting-panel input[type='password'],
body[data-theme="dark"] .user-setting-panel input[type='password'],
[data-theme="dark"] body .user-setting-panel input[type='password'] {
    color: #eee !important;
}

body.dark .user-setting-panel textarea,
body[data-theme="dark"] .user-setting-panel textarea,
[data-theme="dark"] body .user-setting-panel textarea {
    color: #eee !important;
}

body.dark .user-setting-panel select,
body[data-theme="dark"] .user-setting-panel select,
[data-theme="dark"] body .user-setting-panel select {
    color: #eee !important;
    box-shadow: 0 1px 0 0 #424242, 0 0 0 1px #424242;
}

body.dark .navbar-fixed-top,
body[data-theme="dark"] .navbar-fixed-top,
[data-theme="dark"] body .navbar-fixed-top {
    background: #212121 !important;
    border-bottom: none !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) !important;
}

body.dark .dropdown-menu,
body[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] body .dropdown-menu {
    background: #212121 !important;
    border-color: #444 !important;
}

body.dark .dropdown-menu > li > a:hover,
body[data-theme="dark"] .dropdown-menu > li > a:hover,
[data-theme="dark"] body .dropdown-menu > li > a:hover {
    background: #333 !important;
    color: #fff !important;
}

body.dark .swal2-modal,
body[data-theme="dark"] .swal2-modal,
[data-theme="dark"] body .swal2-modal {
    background: #131313 !important;
    border-color: #fff !important;
}

body.dark .swal2-modal button.btn,
body[data-theme="dark"] .swal2-modal button.btn,
[data-theme="dark"] body .swal2-modal button.btn {
    background: #030303 !important;
    border-color: #444 !important;
    box-shadow: none;
}

body.dark .free-bg,
body[data-theme="dark"] .free-bg,
[data-theme="dark"] body .free-bg {
    background: #212121;
}

body.dark .pro-bg,
body[data-theme="dark"] .pro-bg,
[data-theme="dark"] body .pro-bg {
    background: #212121;
}

body.dark .footer-copyright,
body[data-theme="dark"] .footer-copyright,
[data-theme="dark"] body .footer-copyright {
    color: #eee !important;
}

body.dark .video-options,
body[data-theme="dark"] .video-options,
[data-theme="dark"] body .video-options {
    border-bottom: 1px solid #3e3e3e !important;
}

body.dark .video-published,
body[data-theme="dark"] .video-published,
[data-theme="dark"] body .video-published {
    color: #eee !important;
}

body.dark .subscribe-btn-container button,
body[data-theme="dark"] .subscribe-btn-container button,
[data-theme="dark"] body .subscribe-btn-container button {
    background: #3590d9 !important;
    border-color: #5e99dc;
}

body.dark .subscribe-btn-container span,
body[data-theme="dark"] .subscribe-btn-container span,
[data-theme="dark"] body .subscribe-btn-container span {
    background: #3590d9 !important;
    border-color: #5e99dc;
}

body.dark .publisher-subscribe-button button,
body[data-theme="dark"] .publisher-subscribe-button button,
[data-theme="dark"] body .publisher-subscribe-button button {
    background: #3590d9 !important;
    border-color: #5e99dc;
}

body.dark .publisher-subscribe-button span,
body[data-theme="dark"] .publisher-subscribe-button span,
[data-theme="dark"] body .publisher-subscribe-button span {
    background: #3590d9 !important;
    border-color: #5e99dc;
}

body.dark .playlist-item,
body[data-theme="dark"] .playlist-item,
[data-theme="dark"] body .playlist-item {
    border-color: #444 !important;
}

body.dark .load-more,
body[data-theme="dark"] .load-more,
[data-theme="dark"] body .load-more {
    color: #eee !important;
    border-color: #424242 !important;
}

body.dark .dropdown-menu.notfi-dropdown h5,
body[data-theme="dark"] .dropdown-menu.notfi-dropdown h5,
[data-theme="dark"] body .dropdown-menu.notfi-dropdown h5 {
    background: #1c1c1c !important;
    color: #fff !important;
    border-color: #424242 !important;
}

body.dark .dropdown-menu.notfi-dropdown li ul li:hover,
body[data-theme="dark"] .dropdown-menu.notfi-dropdown li ul li:hover,
[data-theme="dark"] body .dropdown-menu.notfi-dropdown li ul li:hover {
    background: #3e3e3e !important;
}

body.dark .dropdown-menu.ani-acc-menu svg.feather,
body[data-theme="dark"] .dropdown-menu.ani-acc-menu svg.feather,
[data-theme="dark"] body .dropdown-menu.ani-acc-menu svg.feather {
    color: #9d9d9d;
}

body.dark #get-notifications,
body[data-theme="dark"] #get-notifications,
[data-theme="dark"] body #get-notifications {
    background: #212121 !important;
}

body.dark .divider,
body[data-theme="dark"] .divider,
[data-theme="dark"] body .divider {
    background: #424242 !important;
}

/* ادامه استایل‌های دیگر... */
/* برای کامل کردن، باید تمام استایل‌های night-mode.css را با این wrapper پوشش دهیم */

