/**
 * Aeon News Dark Mode - Simple CSS-Only Version
 * NO JavaScript processing, pure CSS approach
 *
 * Optimized: uses :is(html.aeon-dark-mode-active, body.dark-mode) as dark root
 *
 * @package Aeon_News
 * @subpackage Dark_Mode
 */

/* ===========================
   Dark Mode CSS Variables
   =========================== */
:is(html.aeon-dark-mode-active, body.dark-mode) {
    --dm-bg-primary: #222;
    --dm-bg-main-section: #1c1c1c;
    --dm-bg-container-section: #1c1c1c;
    --dm-bg-meta-span: #aba8a4;
    --dm-text-primary: #fff;
    --dm-text-secondary: #d7d7d7;
    --dm-border: #3d3b3b;
    --dm-caption-color: #d1d1d1;
    --dm-link: #fff;
    --dm-link-hover: #d7d7d7;

    background-color: var(--dm-bg-primary);
    color: var(--dm-text-primary);
}

/* body: when inside html.dark OR when body itself has class */
html.aeon-dark-mode-active body,
body.dark-mode {
    background-color: var(--dm-bg-primary) !important;
}

/* ===========================
   Basic Elements
   =========================== */
:is(html.aeon-dark-mode-active, body.dark-mode) h1,
:is(html.aeon-dark-mode-active, body.dark-mode) h2,
:is(html.aeon-dark-mode-active, body.dark-mode) h3,
:is(html.aeon-dark-mode-active, body.dark-mode) h4,
:is(html.aeon-dark-mode-active, body.dark-mode) h5,
:is(html.aeon-dark-mode-active, body.dark-mode) h6,
:is(html.aeon-dark-mode-active, body.dark-mode).single h1.entry-title,
:is(html.aeon-dark-mode-active, body.dark-mode) p,
:is(html.aeon-dark-mode-active, body.dark-mode) .ticker-item .meta,
:is(html.aeon-dark-mode-active, body.dark-mode) .ticker-item .meta span,
:is(html.aeon-dark-mode-active, body.dark-mode) span,
:is(html.aeon-dark-mode-active, body.dark-mode) li,
:is(html.aeon-dark-mode-active, body.dark-mode) td,
:is(html.aeon-dark-mode-active, body.dark-mode) th,
:is(html.aeon-dark-mode-active, body.dark-mode) .tag-list b,
:is(html.aeon-dark-mode-active, body.dark-mode) .author-title a,
:is(html.aeon-dark-mode-active, body.dark-mode) h4.post-category-widget-title a,
:is(html.aeon-dark-mode-active, body.dark-mode) .notiser-news-item a,
:is(html.aeon-dark-mode-active, body.dark-mode) .article-category {
    color: var(--dm-text-primary);
}
html.aeon-dark-mode-active header.site-header {
    background-color: #2b2a33;
    color: #fff;
}
html.aeon-dark-mode-active .entry-content .excerpt {
    margin-left: .2em;
    color: var(--dm-caption-color);
}
:is(html.aeon-dark-mode-active, body.dark-mode) .main-section,
:is(html.aeon-dark-mode-active, body.dark-mode) .single-main-section {
    background-color: var(--dm-bg-main-section) !important;
    border-color: var(--dm-border);
}

:is(html.aeon-dark-mode-active, body.dark-mode) .container,
:is(html.aeon-dark-mode-active, body.dark-mode) .single-container {
    background-color: var(--dm-bg-container-section) !important;
    border-color: var(--dm-border);
}

:is(html.aeon-dark-mode-active, body.dark-mode) .navigation li a,
:is(html.aeon-dark-mode-active, body.dark-mode) .navigation span,
:is(html.aeon-dark-mode-active, body.dark-mode) .navigation a{
    background-color: transparent;
    border-color: var(--dm-border);
    color: var(--dm-text-secondary);
}
:is(html.aeon-dark-mode-active, body.dark-mode) .author-biography,
:is(html.aeon-dark-mode-active, body.dark-mode) .top-cont-author,
:is(html.aeon-dark-mode-active, body.dark-mode) .below-cont-author,
:is(html.aeon-dark-mode-active, body.dark-mode) .row-social.top,
:is(html.aeon-dark-mode-active, body.dark-mode) .row-social.below,
:is(html.aeon-dark-mode-active, body.dark-mode) hr,
:is(html.aeon-dark-mode-active, body.dark-mode) .related-item,
:is(html.aeon-dark-mode-active, body.dark-mode) .notiser-news-item:after {
    border-color: var(--dm-border);
}

:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad .author-biography,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad .top-cont-author,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad .below-cont-author,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad .row-social.top,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad .row-social.below,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad hr,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad .related-item,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad .notiser-news-item:after,
:is(html.aeon-dark-mode-active, body.dark-mode) .aeon-news-inside-content-after-paragraph {
    border-color: #6c6c6c;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .top-cont-author .author a::before,
:is(html.aeon-dark-mode-active, body.dark-mode) .below-cont-author .author a::before {
    color: #fff !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .entry-content a,
:is(html.aeon-dark-mode-active, body.dark-mode) .serif_content a {
    color: #098cfe;
}
:is(html.aeon-dark-mode-active, body.dark-mode) span.title-comment {
    color: #da000c !important;
}
:is(html.aeon-dark-mode-active, body.dark-mode) h3.debatt,
:is(html.aeon-dark-mode-active, body.dark-mode) h3.insandare {
    border-top-color: rgb(38, 99, 180);
    border-bottom-color: #585d5d;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .top-cont-author .author a {
    color: #fff;
}

:is(html.aeon-dark-mode-active, body.dark-mode) p.meta {
    color: var(--dm-bg-meta-span);
}

:is(html.aeon-dark-mode-active, body.dark-mode) a,
:is(html.aeon-dark-mode-active, body.dark-mode) .notiser-news-item a {
    color: var(--dm-link);
}

:is(html.aeon-dark-mode-active, body.dark-mode) a:hover,
:is(html.aeon-dark-mode-active, body.dark-mode) .notiser-news-item a:hover {
    color: var(--dm-link-hover);
}

:is(html.aeon-dark-mode-active, body.dark-mode) .old-article,
:is(html.aeon-dark-mode-active, body.dark-mode) .aeon-apps-wraper,
:is(html.aeon-dark-mode-active, body.dark-mode) .opinion-disclaimer {
    background: #333;
}
:is(html.aeon-dark-mode-active, body.dark-mode) a.teuton-button,
:is(html.aeon-dark-mode-active, body.dark-mode) .article-topic .arrow,
:is(html.aeon-dark-mode-active, body.dark-mode) .col-author-box .arrow{
    color: #fff;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .off-canvas-menu hr {
    border-color: #fff;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .single-post-thumb .bildkommentar,
:is(html.aeon-dark-mode-active, body.dark-mode) figcaption.wp-caption-text,
:is(html.aeon-dark-mode-active, body.dark-mode) .share-button {
    color: var(--dm-caption-color) !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .glightbox-clean .gslide-description,
:is(html.aeon-dark-mode-active, body.dark-mode) .share-dropdown {
    list-style-image: initial;
    background-image: initial;
    background-color: rgb(25, 26, 27);
    border-color: rgb(65, 69, 69);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .news-item.sponsradcol1,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad-single-view,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsrad,
:is(html.aeon-dark-mode-active, body.dark-mode) .sponsradcol1 {
    background-color: #494949 !important;
}

:is(html.aeon-dark-mode-active, body.dark-mode) input[type="search"]::placeholder{
	color: #fff;
	opacity: 1;
}
:is(html.aeon-dark-mode-active, body.dark-mode) .search-search-form input[type="search"] {
    border: 1px solid #6c6c6c;
    background: transparent;
    color: #fff;
}
:is(html.aeon-dark-mode-active, body.dark-mode) .not-found-page,
:is(html.aeon-dark-mode-active, body.dark-mode) .nextend-bar-horizontal div,
:is(html.aeon-dark-mode-active, body.dark-mode) .nextend-bar-horizontal div span{
    background: transparent !important;
}


/* ===========================
   Toggle Button Styles
   =========================== */
.dark-mode{
    
}
.aeon-dark-mode-toggle-wrapper {
    display: inline-block;
}


header .aeon-dm-toggle:focus {
    background: transparent !important;
}
.dark-mode-offcanvas {
    position: absolute;
    top: 20px;
    left: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: start;
    justify-content: start;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--dark-gray);
    transition: all 0.2s ease;
}

/* Icon Toggle */
.aeon-dm-toggle-icon {
    width: 44px;
    height: 25px;
    padding: 0;
    text-align: right;
    position: relative;
    line-height: 1;
    border: none;
    background: transparent;
    color: #fff;
    cursor: pointer;
}
header .aeon-dm-toggle-icon:focus {
    background: transparent !important;
}

/* .aeon-dm-toggle-icon .aeon-dm-icon-sun,
.aeon-dm-toggle-icon .aeon-dm-icon-moon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: inherit;
} */
.aeon-dm-toggle-icon .aeon-dm-icon-sun i{
    font-size: 24px;
    color: #fff;
}
.aeon-dm-toggle-icon .aeon-dm-icon-moon i {
    font-size: 22px;
    color: #fff;
}


/* Light mode: show moon (click to go dark). Dark mode: show sun (click to go light) */
.aeon-dm-icon-moon {
    display: none;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .aeon-dm-icon-sun {
    display: none;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .aeon-dm-icon-moon {
    display: inline-block;
}

/* Button Toggle Text */
.aeon-dm-text-dark {
    display: none;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .aeon-dm-text-light {
    display: none;
}

:is(html.aeon-dark-mode-active, body.dark-mode) .aeon-dm-text-dark {
    display: inline-block;
}




/* ===========================
   Responsive
   =========================== */
@media (max-width: 768px) {
    html.aeon-dark-mode-active body,
    body.dark-mode {
        background-color: var(--dm-bg-main-section) !important;
    }
    .aeon-dm-toggle {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    .aeon-dm-toggle-icon {
        width: 40px;
        height: 40px;
    }
}