/**
 * Blog subset of MI common_darkmode15 (CDN full file is not shipped with the theme).
 *
 * Coverage split:
 * - This file: logo swap, form tokens, login/payment modals, scroll-to-top, legacy header/footer shell hooks.
 * - dark_mode.css: blog listing/single, ez-toc, post content, extended header/footer text.
 * - header-footer.css: #header_main BEM megamenu + mobile drawer dark (prefers-color-scheme: dark).
 */

@media (prefers-color-scheme: light) {
    .dark_mode .dark-mode,
    .dark-mode {
        display: none !important;
    }

    .light-mode {
        display: block !important;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --card-bg: #111111;
        --input-bg: #1a1a1a;
        --border-color: #2a2a2a;
        --text-color: #ffffff;
        --label-color: #aaaaaa;
        --primary: #3b82f6;
        --arrow-color: #ffffff;
    }

    .light-mode {
        display: none !important;
    }

    .dark-mode {
        display: block !important;
    }

    .logo-light {
        display: none !important;
    }

    .logo-dark {
        display: inline-block !important;
    }

    /* Legacy header / footer shell (democommon — complements #header_main in header-footer.css) */
    .header-main {
        background: #1a1a1a !important;
    }

    .tab-megamenu,
    .tab-megamenu .tab-buttons button,
    .header-section .navbar-nav_new .nav-item_new:hover,
    .megamenu .megamenu-ul,
    .submenu.megamenu .row,
    body.header_open:before {
        background: #222 !important;
    }

    .tab-megamenu::after {
        border-bottom-color: #222 !important;
    }

    .footer-2025 .ft-main,
    .btm-ft-main {
        background: #1a1a1a !important;
    }

    .footer-2025 .ft-main .footer-grid ul li a {
        color: #c1c1c1 !important;
    }

    .footer-2025 .ft-main-sc .ft-sc .ft-main-links li a:hover,
    .footer-2025 .ft-main-sc .ft-sc .ft-main-links li a:hover svg path,
    .disclaimer_text_div svg path,
    .footer-2025 .ft-main-sc .ft-sc .ft-main-links li a svg path {
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    .footer-2025 .ft-logo-sc {
        border-bottom-color: rgba(255, 255, 255, 0.34) !important;
    }

    .footer-2025 .btm-ft-main .btm-ft-sc {
        border-top-color: rgba(255, 255, 255, 0.34) !important;
    }

    .footer-2025:not(.footer-mail-2025) .font-white {
        color: #cdcdcd !important;
    }

    .btm-ft-main .btm-ft-sc .btm-ft-link li a img:first-child,
    .tooltip-icon-div img.tooltip-icon-img,
    .integration_arrow,
    .login_signup_grid .cnt_box ul li::before {
        filter: brightness(0) invert(1);
    }

    .navbar-toggle_new .icon-bar {
        background-color: #ffffff;
    }

    .header-section .navbar-nav_new .nav-item_new .nav-link,
    .header-section .navbar-nav_new .nav-item_new:hover .nav-link,
    .header-section .navbar-nav_new .nav-item_new:hover .tab-menus-title,
    .header-section .navbar-nav_new .nav-item_new:hover .text-start a {
        color: #ffffff !important;
    }

    .scroll_top_link,
    .scroll_top_link:hover {
        color: #fff !important;
    }

    img.logo.lazyload,
    img.logo.lazyloaded {
        filter: contrast(0.5);
    }

    /* Login / signup modal (template-parts/modals-partial.php) */
    .login_signup_main .login_signup_box,
    .login_signup_main .modal-dialog .modal-content {
        background: #474747 !important;
        background-image: none !important;
    }

    .login_signup_grid .login_signup_right .form_box,
    .login_signup_main .mobilenum_div span.custom_span {
        background: #1e1e1e !important;
    }

    .login_signup_list ul li + li {
        border-left: 2px solid #fff !important;
    }

    .login_signup_right .form_div_main input,
    .login_signup_main .close_popup i.material-icons {
        color: #fff !important;
    }

    .close_popup:hover,
    .close:hover {
        background-color: #353434 !important;
    }

    .login_signup_main [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
        border: 2px solid rgb(255 255 255) !important;
    }

    .or_txt span:before,
    .or_txt span:after {
        background-color: rgba(255, 255, 255, 0.31) !important;
    }

    .form_link {
        color: #007aff !important;
    }

    .login_signup_grid .btn_div .btn-info:before {
        filter: invert(1) !important;
    }

    .login_signup_main input:-webkit-autofill,
    .login_signup_main input:-webkit-autofill:hover,
    .login_signup_main input:-webkit-autofill:focus,
    .login_signup_main input:-webkit-autofill:active {
        -webkit-text-fill-color: #ffffff !important;
        -webkit-box-shadow: 0 0 0 1000px #1e1e1e inset !important;
        box-shadow: 0 0 0 1000px #1e1e1e inset !important;
        border-radius: inherit;
        caret-color: #ffffff !important;
        transition: background-color 9999s ease-in-out 0s;
    }

    .iti__country-list,
    .boxing-wrapper-bg-grey {
        background: #1e1e1e !important;
    }

    .iti__country-list::-webkit-scrollbar {
        width: 10px;
    }

    .iti__country-list::-webkit-scrollbar-track {
        background: #2c2c2c !important;
    }

    .iti__country-list::-webkit-scrollbar-thumb {
        background: #555 !important;
        border-radius: 10px;
    }

    .cm-select select option {
        background: #1a1a1a !important;
        color: #ffffff !important;
    }

    .cm-label,
    .cm-input {
        background: #121212 !important;
    }

    .custom-input {
        border-color: #3a3a3a !important;
        color: #fff !important;
        background: transparent !important;
    }

    .custom-input:hover {
        border-color: #5a5a5a !important;
    }

    .custom-input:focus {
        border-color: #4da3ff !important;
        box-shadow: 0 0 0 1px #4da3ff !important;
    }

    .custom-label {
        background: #111 !important;
        color: #aaa !important;
    }

    .custom-input:focus + .custom-label,
    .custom-input:not(:placeholder-shown) + .custom-label {
        color: #4da3ff !important;
    }

    .custom-icon {
        color: #aaa !important;
    }

    .payment .modal-content {
        background-color: #474747 !important;
    }

    .payment .modal-header .close {
        filter: brightness(0) invert(1) !important;
    }

    @media screen and (max-width: 991px) {
        .login_signup_list ul li + li {
            border-left: none !important;
        }

        .header-main .navbar_new {
            background: #222 !important;
        }
    }
}