/* =========================================================
   ASH KT THEME — NIGHT MODE SYSTEM (FULLY ORGANIZED)
   Supports:
   - body.ashkt-night-mode
   - body.ashkt-dark-theme
   ========================================================= */


/* =========================================================
   1. NIGHT MODE COLOR VARIABLES
   ========================================================= */

body.ashkt-night-mode,
body.ashkt-dark-theme {
    --ashkt-bg: #161616;
    --ashkt-content: #222222;
    --ashkt-header: #1E1E1E;
    --ashkt-border: #2A2A2A;

    --ashkt-heading: #E8E6E3;
    --ashkt-text: #B8B5B0;
    --ashkt-link: #B89B5E;

    --ashkt-primary: #C46A2D;
    --ashkt-gold: #B89B5E;

    --ashkt-white: #222222;

    --ashkt-shadow: 0 12px 35px rgba(0, 0, 0, 0.30);
}


/* =========================================================
   2. MAIN BODY & BASE STYLES
   ========================================================= */

body.ashkt-night-mode,
body.ashkt-dark-theme {
    background-color: var(--ashkt-bg);
    color: var(--ashkt-text);
}


/* =========================================================
   3. GLOBAL SMOOTH TRANSITIONS
   ========================================================= */

body.ashkt-night-mode,
body.ashkt-dark-theme,
body.ashkt-night-mode header,
body.ashkt-dark-theme header,
body.ashkt-night-mode .ashkt-header-row,
body.ashkt-dark-theme .ashkt-header-row,
body.ashkt-night-mode .ashkt-above-header,
body.ashkt-dark-theme .ashkt-above-header,
body.ashkt-night-mode .ashkt-main-header,
body.ashkt-dark-theme .ashkt-main-header,
body.ashkt-night-mode .ashkt-below-header,
body.ashkt-dark-theme .ashkt-below-header,
body.ashkt-night-mode .ashkt-content-box,
body.ashkt-dark-theme .ashkt-content-box,
body.ashkt-night-mode article,
body.ashkt-dark-theme article,
body.ashkt-night-mode .ashkt-card,
body.ashkt-dark-theme .ashkt-card,
body.ashkt-night-mode button,
body.ashkt-dark-theme button,
body.ashkt-night-mode input,
body.ashkt-dark-theme input,
body.ashkt-night-mode select,
body.ashkt-dark-theme select,
body.ashkt-night-mode textarea,
body.ashkt-dark-theme textarea {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}


/* =========================================================
   4. HEADINGS
   ========================================================= */

body.ashkt-night-mode h1,
body.ashkt-dark-theme h1,
body.ashkt-night-mode h2,
body.ashkt-dark-theme h2,
body.ashkt-night-mode h3,
body.ashkt-dark-theme h3,
body.ashkt-night-mode h4,
body.ashkt-dark-theme h4,
body.ashkt-night-mode h5,
body.ashkt-dark-theme h5,
body.ashkt-night-mode h6,
body.ashkt-dark-theme h6 {
    color: #E8E6E3 !important;
}


/* =========================================================
   5. GENERAL TEXT
   ========================================================= */

body.ashkt-night-mode p,
body.ashkt-dark-theme p,
body.ashkt-night-mode span,
body.ashkt-dark-theme span {
    color: #B8B5B0;
}


/* =========================================================
   6. GENERAL LINKS
   ========================================================= */

body.ashkt-night-mode a,
body.ashkt-dark-theme a {
    color: var(--ashkt-link);
}

body.ashkt-night-mode a:hover,
body.ashkt-dark-theme a:hover {
    color: var(--ashkt-gold);
}


/* =========================================================
   7. HEADER & NAVIGATION
   ========================================================= */

body.ashkt-night-mode .ashkt-above-header,
body.ashkt-dark-theme .ashkt-above-header {
    background-color: #111111 !important;
    border-color: #333333 !important;
}

body.ashkt-night-mode .ashkt-main-header,
body.ashkt-dark-theme .ashkt-main-header,
body.ashkt-night-mode .ashkt-below-header,
body.ashkt-dark-theme .ashkt-below-header,
body.ashkt-night-mode .ashkt-header-row,
body.ashkt-dark-theme .ashkt-header-row {
    background-color: #1E1E1E !important;
    border-color: #333333 !important;
}

body.ashkt-night-mode .ashkt-site-title,
body.ashkt-dark-theme .ashkt-site-title {
    color: #F3F4F6 !important;
}

body.ashkt-night-mode .ashkt-site-title:hover,
body.ashkt-dark-theme .ashkt-site-title:hover {
    color: var(--ashkt-primary) !important;
}

body.ashkt-night-mode .ashkt-navigation a,
body.ashkt-dark-theme .ashkt-navigation a {
    color: #E5E7EB !important;
}

body.ashkt-night-mode .ashkt-navigation a:hover,
body.ashkt-dark-theme .ashkt-navigation a:hover {
    color: var(--ashkt-primary) !important;
}


/* =========================================================
   8. HEADER CONTROL BUTTONS
   ========================================================= */

body.ashkt-night-mode .ashkt-night-toggle,
body.ashkt-dark-theme .ashkt-night-toggle,
body.ashkt-night-mode .ashkt-menu-toggle,
body.ashkt-dark-theme .ashkt-menu-toggle,
body.ashkt-night-mode .ashkt-search-toggle,
body.ashkt-dark-theme .ashkt-search-toggle,
body.ashkt-night-mode .ashkt-night-mode,
body.ashkt-dark-theme .ashkt-night-mode,
body.ashkt-night-mode .ashkt-night-mode-toggle,
body.ashkt-dark-theme .ashkt-night-mode-toggle {
    background: #222222 !important;
    color: #F3F4F6 !important;
    border-color: #3A3A3A !important;
}

body.ashkt-night-mode .ashkt-night-toggle:hover,
body.ashkt-dark-theme .ashkt-night-toggle:hover,
body.ashkt-night-mode .ashkt-menu-toggle:hover,
body.ashkt-dark-theme .ashkt-menu-toggle:hover,
body.ashkt-night-mode .ashkt-search-toggle:hover,
body.ashkt-dark-theme .ashkt-search-toggle:hover,
body.ashkt-night-mode .ashkt-night-mode:hover,
body.ashkt-dark-theme .ashkt-night-mode:hover,
body.ashkt-night-mode .ashkt-night-mode-toggle:hover,
body.ashkt-dark-theme .ashkt-night-mode-toggle:hover {
    background: var(--ashkt-primary) !important;
    border-color: var(--ashkt-primary) !important;
    color: #FFFFFF !important;
}


/* =========================================================
   9. MOBILE MENU PANEL
   ========================================================= */

body.ashkt-night-mode .ashkt-menu-panel,
body.ashkt-dark-theme .ashkt-menu-panel {
    background: rgba(0, 0, 0, 0.65);
}

body.ashkt-night-mode .ashkt-menu-panel-inner,
body.ashkt-dark-theme .ashkt-menu-panel-inner {
    background: #1E1E1E !important;
}

body.ashkt-night-mode .ashkt-menu-close,
body.ashkt-dark-theme .ashkt-menu-close {
    background: #222222 !important;
    color: #F3F4F6 !important;
    border-color: #3A3A3A !important;
}

body.ashkt-night-mode .ashkt-mobile-navigation li,
body.ashkt-dark-theme .ashkt-mobile-navigation li {
    border-color: #333333 !important;
}

body.ashkt-night-mode .ashkt-mobile-navigation a,
body.ashkt-dark-theme .ashkt-mobile-navigation a {
    color: #E5E7EB !important;
}

body.ashkt-night-mode .ashkt-mobile-navigation a:hover,
body.ashkt-dark-theme .ashkt-mobile-navigation a:hover {
    color: var(--ashkt-primary) !important;
}


/* =========================================================
   10. GENERAL CONTENT
   ========================================================= */

body.ashkt-night-mode .ashkt-content-box,
body.ashkt-dark-theme .ashkt-content-box,
body.ashkt-night-mode .card,
body.ashkt-dark-theme .card,
body.ashkt-night-mode article,
body.ashkt-dark-theme article,
body.ashkt-night-mode .post-card,
body.ashkt-dark-theme .post-card,
body.ashkt-night-mode .content-box,
body.ashkt-dark-theme .content-box,
body.ashkt-night-mode .widget,
body.ashkt-dark-theme .widget,
body.ashkt-night-mode .ashkt-card,
body.ashkt-dark-theme .ashkt-card,
body.ashkt-night-mode .ashkt-ticker-card,
body.ashkt-dark-theme .ashkt-ticker-card {
    background-color: #222222 !important;
    border-color: #333333 !important;
    color: #E8E6E3 !important;
}


/* =========================================================
   11. RIGHT SIDEBAR
   ========================================================= */

body.ashkt-night-mode .ashkt-sidebar-widget,
body.ashkt-dark-theme .ashkt-sidebar-widget {
    background-color: #222222 !important;
    border-color: #333333 !important;
    box-shadow: var(--ashkt-shadow) !important;
}

body.ashkt-night-mode .ashkt-sidebar-title,
body.ashkt-dark-theme .ashkt-sidebar-title {
    color: #E8E6E3 !important;
}

body.ashkt-night-mode .ashkt-sidebar-list li,
body.ashkt-dark-theme .ashkt-sidebar-list li {
    border-color: #333333 !important;
}

body.ashkt-night-mode .ashkt-sidebar-list a,
body.ashkt-dark-theme .ashkt-sidebar-list a {
    color: #B8B5B0 !important;
}

body.ashkt-night-mode .ashkt-sidebar-list a:hover,
body.ashkt-dark-theme .ashkt-sidebar-list a:hover {
    color: var(--ashkt-primary) !important;
}


/* =========================================================
   12. RIGHT SIDEBAR SEARCH
   ========================================================= */

body.ashkt-night-mode .ashkt-sidebar .search-field,
body.ashkt-dark-theme .ashkt-sidebar .search-field {
    background: #1E1E1E !important;
    color: #E8E6E3 !important;
    border-color: #333333 !important;
}

body.ashkt-night-mode .ashkt-sidebar .search-submit,
body.ashkt-dark-theme .ashkt-sidebar .search-submit {
    background: var(--ashkt-primary) !important;
    color: #FFFFFF !important;
}


/* =========================================================
   13. TOP SIDEBAR
   ========================================================= */

body.ashkt-night-mode .ashkt-top-sidebar-widget,
body.ashkt-dark-theme .ashkt-top-sidebar-widget {
    background-color: #222222 !important;
    border-color: #333333 !important;
    box-shadow: var(--ashkt-shadow) !important;
}

body.ashkt-night-mode .ashkt-top-sidebar-title,
body.ashkt-dark-theme .ashkt-top-sidebar-title {
    color: #E8E6E3 !important;
}

body.ashkt-night-mode .ashkt-top-sidebar-widget p,
body.ashkt-dark-theme .ashkt-top-sidebar-widget p,
body.ashkt-night-mode .ashkt-top-sidebar-widget li,
body.ashkt-dark-theme .ashkt-top-sidebar-widget li {
    color: #B8B5B0 !important;
    border-color: #333333 !important;
}

body.ashkt-night-mode .ashkt-top-sidebar-widget a,
body.ashkt-dark-theme .ashkt-top-sidebar-widget a {
    color: #B8B5B0 !important;
}

body.ashkt-night-mode .ashkt-top-sidebar-widget a:hover,
body.ashkt-dark-theme .ashkt-top-sidebar-widget a:hover {
    color: var(--ashkt-primary) !important;
}


/* =========================================================
   14. BOTTOM SIDEBAR
   ========================================================= */

body.ashkt-night-mode .ashkt-bottom-sidebar-widget,
body.ashkt-dark-theme .ashkt-bottom-sidebar-widget {
    background-color: #222222 !important;
    border-color: #333333 !important;
    box-shadow: var(--ashkt-shadow) !important;
}

body.ashkt-night-mode .ashkt-bottom-sidebar-title,
body.ashkt-dark-theme .ashkt-bottom-sidebar-title {
    color: #E8E6E3 !important;
}

body.ashkt-night-mode .ashkt-bottom-sidebar-widget p,
body.ashkt-dark-theme .ashkt-bottom-sidebar-widget p,
body.ashkt-night-mode .ashkt-bottom-sidebar-widget li,
body.ashkt-dark-theme .ashkt-bottom-sidebar-widget li {
    color: #B8B5B0 !important;
    border-color: #333333 !important;
}

body.ashkt-night-mode .ashkt-bottom-sidebar-widget a,
body.ashkt-dark-theme .ashkt-bottom-sidebar-widget a {
    color: #B8B5B0 !important;
}

body.ashkt-night-mode .ashkt-bottom-sidebar-widget a:hover,
body.ashkt-dark-theme .ashkt-bottom-sidebar-widget a:hover {
    color: var(--ashkt-primary) !important;
}


/* =========================================================
   15. SIDEBAR PARENT WRAPPERS TRANSPARENCY FIX
   ========================================================= */

body.ashkt-night-mode .ashkt-sidebar,
body.ashkt-dark-theme .ashkt-sidebar,
body.ashkt-night-mode .ashkt-top-sidebar,
body.ashkt-dark-theme .ashkt-top-sidebar,
body.ashkt-night-mode .ashkt-bottom-sidebar,
body.ashkt-dark-theme .ashkt-bottom-sidebar,
body.ashkt-night-mode .widget-area,
body.ashkt-dark-theme .widget-area,
body.ashkt-night-mode .ashkt-top-sidebar-wrapper,
body.ashkt-dark-theme .ashkt-top-sidebar-wrapper,
body.ashkt-night-mode .ashkt-top-sidebar-box,
body.ashkt-dark-theme .ashkt-top-sidebar-box,
body.ashkt-night-mode .ashkt-bottom-sidebar-box,
body.ashkt-dark-theme .ashkt-bottom-sidebar-box {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* =========================================================
   16. FOOTER & COPYRIGHT
   ========================================================= */

body.ashkt-night-mode footer,
body.ashkt-dark-theme footer,
body.ashkt-night-mode .ashkt-footer,
body.ashkt-dark-theme .ashkt-footer,
body.ashkt-night-mode .ashkt-site-footer,
body.ashkt-dark-theme .ashkt-site-footer {
    background-color: #1A1A1A !important;
    border-color: #2A2A2A !important;
}

body.ashkt-night-mode .ashkt-footer *,
body.ashkt-dark-theme .ashkt-footer *,
body.ashkt-night-mode .ashkt-site-footer *,
body.ashkt-dark-theme .ashkt-site-footer * {
    border-color: #2A2A2A !important;
}

body.ashkt-night-mode .ashkt-footer,
body.ashkt-dark-theme .ashkt-footer,
body.ashkt-night-mode .ashkt-footer p,
body.ashkt-dark-theme .ashkt-footer p,
body.ashkt-night-mode .ashkt-site-footer,
body.ashkt-dark-theme .ashkt-site-footer {
    color: #E8E6E3 !important;
}

body.ashkt-night-mode .ashkt-footer a,
body.ashkt-dark-theme .ashkt-footer a,
body.ashkt-night-mode .ashkt-site-footer a,
body.ashkt-dark-theme .ashkt-site-footer a {
    color: #E8E6E3 !important;
}

body.ashkt-night-mode .ashkt-footer a:hover,
body.ashkt-dark-theme .ashkt-footer a:hover,
body.ashkt-night-mode .ashkt-site-footer a:hover,
body.ashkt-dark-theme .ashkt-site-footer a:hover {
    color: var(--ashkt-gold) !important;
}

body.ashkt-night-mode .ashkt-footer-bottom,
body.ashkt-dark-theme .ashkt-footer-bottom,
body.ashkt-night-mode .ashkt-footer-copyright,
body.ashkt-dark-theme .ashkt-footer-copyright {
    background-color: #111111 !important;
    border-color: #2A2A2A !important;
}


/* =========================================================
   17. FORM ELEMENTS
   ========================================================= */

body.ashkt-night-mode input,
body.ashkt-dark-theme input,
body.ashkt-night-mode select,
body.ashkt-dark-theme select,
body.ashkt-night-mode textarea,
body.ashkt-dark-theme textarea {
    background-color: #1E1E1E !important;
    color: #E8E6E3 !important;
    border-color: #333333 !important;
}

body.ashkt-night-mode input::placeholder,
body.ashkt-dark-theme input::placeholder,
body.ashkt-night-mode textarea::placeholder,
body.ashkt-dark-theme textarea::placeholder {
    color: #8D8A86 !important;
}


/* =========================================================
   18. NIGHT MODE SHADOW CONTROL
   ========================================================= */

body.ashkt-night-mode .ashkt-card,
body.ashkt-dark-theme .ashkt-card,
body.ashkt-night-mode .ashkt-sidebar-widget,
body.ashkt-dark-theme .ashkt-sidebar-widget,
body.ashkt-night-mode .ashkt-top-sidebar-widget,
body.ashkt-dark-theme .ashkt-top-sidebar-widget,
body.ashkt-night-mode .ashkt-bottom-sidebar-widget,
body.ashkt-dark-theme .ashkt-bottom-sidebar-widget {
    box-shadow: var(--ashkt-shadow) !important;
}