/*==================================================
GM24 NEWS PREMIUM V6
DARK MODE
==================================================*/

/*==============================
DARK VARIABLES
==============================*/

html.gm24-dark{
    --body:#0b1120;
    --white:#111827;
    --surface:#172033;

    --text:#f1f5f9;
    --text-light:#cbd5e1;
    --text-muted:#94a3b8;

    --border:#263244;
}

/*==============================
BODY
==============================*/

html.gm24-dark body{
    background:var(--body);
    color:var(--text);
}

/*==============================
CARDS
==============================*/

html.gm24-dark .news-card,
html.gm24-dark .category-card,
html.gm24-dark .no-posts,
html.gm24-dark .no-posts-found,
html.gm24-dark .hero-empty{
    background:var(--white);
    color:var(--text);
    border-color:var(--border);
}

/*==============================
TEXT
==============================*/

html.gm24-dark .news-title,
html.gm24-dark .news-title a,
html.gm24-dark .category-content h3,
html.gm24-dark .category-content h3 a,
html.gm24-dark .section-title,
html.gm24-dark .section-header__title{
    color:var(--text);
}

html.gm24-dark .news-excerpt,
html.gm24-dark .post-meta,
html.gm24-dark .search-query{
    color:var(--text-light);
}

/*==============================
CATEGORY
==============================*/

html.gm24-dark .category-header h2{
    color:var(--text);
}

/*==============================
SEARCH
==============================*/

html.gm24-dark .gm24-search-input{
    background:#fff;
    color:#222;
}

html.gm24-dark .search-page .no-posts{
    background:var(--white);
    border-color:var(--border);
}

/*==============================
SINGLE NEWS
==============================*/

html.gm24-dark .single-article{
    background:var(--white);
    color:var(--text);
    border-color:var(--border);
}

html.gm24-dark .single-title{
    color:var(--text);
}

html.gm24-dark .single-meta{
    color:var(--text-muted);
    border-color:var(--border);
}

html.gm24-dark .single-content{
    color:var(--text);
}

html.gm24-dark .single-content p,
html.gm24-dark .single-content li{
    color:var(--text);
}

html.gm24-dark .single-content h2,
html.gm24-dark .single-content h3,
html.gm24-dark .single-content h4{
    color:var(--text);
}

html.gm24-dark .single-content blockquote{
    background:var(--surface);
    border-left-color:var(--primary);
    color:var(--text);
}

html.gm24-dark .single-thumbnail figcaption{
    background:var(--surface);
    color:var(--text-muted);
    border-color:var(--border);
}

/*==============================
SHARE / TAGS / NAVIGATION
==============================*/

html.gm24-dark .share-buttons a,
html.gm24-dark .single-navigation a{
    background:var(--surface);
    color:var(--text);
    border-color:var(--border);
}

html.gm24-dark .share-buttons a:hover,
html.gm24-dark .single-navigation a:hover{
    background:var(--primary);
    color:#fff;
}

html.gm24-dark .single-tags{
    color:var(--text);
}

html.gm24-dark .single-tags strong{
    color:var(--text);
}

html.gm24-dark .author-box{
    background:var(--surface);
    border-color:var(--border);
}

html.gm24-dark .author-info h3{
    color:var(--text);
}

html.gm24-dark .author-info p{
    color:var(--text-light);
}

html.gm24-dark .comments-area{
    border-color:var(--border);
}

html.gm24-dark .comments-title{
    color:var(--text);
}

html.gm24-dark .comment{
    border-color:var(--border);
}

/*==============================
PAGINATION
==============================*/

html.gm24-dark .pagination .page-numbers{
    background:var(--white);
    color:var(--text);
    border-color:var(--border);
}

html.gm24-dark .pagination .page-numbers:hover,
html.gm24-dark .pagination .page-numbers.current{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}

/*==============================
SIDEBAR
==============================*/

html.gm24-dark .widget{
    background:var(--white);
    color:var(--text);
    border:1px solid var(--border);
}

html.gm24-dark .widget-title{
    background:var(--primary);
    color:#fff;
}

html.gm24-dark .trending-list li,
html.gm24-dark .latest-list li,
html.gm24-dark .category-list li{
    border-color:var(--border);
}

html.gm24-dark .trending-list a,
html.gm24-dark .latest-list a,
html.gm24-dark .category-list a{
    color:var(--text);
}

html.gm24-dark .trending-list a:hover,
html.gm24-dark .latest-list a:hover,
html.gm24-dark .category-list a:hover{
    background:var(--surface);
    color:var(--primary);
}

html.gm24-dark .ad-box{
    background:var(--surface);
    border-color:var(--border);
}

/*==============================
HEADER / NAV
==============================*/

html.gm24-dark .main-header{
    box-shadow:0 8px 25px rgba(0,0,0,.35);
}

html.gm24-dark .main-nav{
    background:#8f0000;
}

/*==============================
DROPDOWN
==============================*/

html.gm24-dark .primary-menu .sub-menu{
    background:#111827;
    border:1px solid var(--border);
}

html.gm24-dark .primary-menu .sub-menu li a{
    color:#f1f5f9;
}

html.gm24-dark .primary-menu .sub-menu li a:hover{
    background:var(--primary);
    color:#fff;
}

/*==============================
LIVE / BREAKING
==============================*/

html.gm24-dark .breaking-news{
    background:#080d17;
}

html.gm24-dark .breaking-slider{
    background:#080d17;
}

/*==============================
FOOTER
==============================*/

html.gm24-dark .gm24-footer{
    background:#070b14;
}

html.gm24-dark .footer-bottom{
    background:#050810;
}

/*==============================
VIEW ALL
==============================*/

html.gm24-dark .view-all{
    color:#ff4b4b;
}

/*==============================
CATEGORY CARDS
==============================*/

html.gm24-dark .category-card{
    border:1px solid var(--border);
}

/*==============================
DARK MODE TRANSITION
==============================*/

html.gm24-dark body,
html.gm24-dark .news-card,
html.gm24-dark .category-card,
html.gm24-dark .widget,
html.gm24-dark .single-article{
    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease;
}

/*==============================
DARK MODE TOGGLE
==============================*/

.dark-mode-toggle{
    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    position:relative;

    border:0;
    border-radius:50%;

    background:#fff;
    color:#111;

    font-size:18px;
    cursor:pointer;

    transition:.3s;
}

.dark-mode-toggle:hover{
    background:var(--accent);
    transform:rotate(12deg);
}

.dark-mode-toggle .light-icon{
    display:none;
}

html.gm24-dark .dark-mode-toggle{
    background:#1f2937;
    color:#fff;
}

html.gm24-dark .dark-mode-toggle .dark-icon{
    display:none;
}

html.gm24-dark .dark-mode-toggle .light-icon{
    display:block;
}

/*==============================
MOBILE
==============================*/

@media(max-width:576px){

    .dark-mode-toggle{
        width:40px;
        height:40px;
        font-size:16px;
    }

}