/*
  default.css — Color & Theme Overrides
  ======================================
  Change --pri-color below to switch the entire accent.
  Change --header-bg to change the top bar background.
  This file works on top of style.css tokens.
*/

:root {
    --pri-color:      #0a0a0a;   /* << MAIN ACCENT — change this one value */
    --header-bg:      #0a0a0a;   /* top ticker bar background */
    --header-fg:      #ffffff;   /* top ticker bar text */
    --nav-bg:         #ffffff;   /* main nav background */
    --nav-border:     #e8e8e8;   /* nav bottom border */
    --card-bg:        #ffffff;   /* post card background */
    --footer-bg:      #0a0a0a;   /* footer bar background */
    --footer-fg:      #ffffff;   /* footer bar text */
}

/* ---- Utility ---- */
a:hover, a:focus { color: var(--pri-color); }

/* ============================================================
   TOP BAR
   ============================================================ */
.mg-headwidget .mg-head-detail {
    background: var(--header-bg);
    border-bottom: none;
}

/* Ticker */
.mg-latest-news-sec,
.mg-latest-news { background-color: transparent; }
.mg-latest-news .mg-latest-news-slider a span { color: var(--header-fg); }
.mg-latest-news .mg-latest-news-slider a::before,
.mg-latest-news .mg-latest-news-slider a::after { color: var(--header-fg); }
.mg-latest-news .bn_title { background: rgba(255,255,255,0.12); }
.mg-latest-news .bn_title .title { color: var(--header-fg); }

/* Date / time in top bar */
.mg-headwidget .info-right li { color: var(--header-fg); }
.mg-headwidget .info-right .time {
    background: rgba(255,255,255,0.18);
    color: var(--header-fg);
}

/* ============================================================
   NAVIGATION BAR
   ============================================================ */
.mg-headwidget .navbar-wp { background: var(--nav-bg); }
.mg-nav-widget-area-back .inner { border-color: var(--nav-border); }

/* Nav links */
.mg-headwidget .navbar-wp .navbar-nav > li > a { color: var(--pri-color); }
.mg-headwidget .navbar-wp .navbar-nav > li > a:hover,
.mg-headwidget .navbar-wp .navbar-nav > li > a:focus,
.mg-headwidget .navbar-wp .navbar-nav > .active > a,
.mg-headwidget .navbar-wp .navbar-nav > .active > a:hover {
    background: transparent;
    color: var(--pri-color);
    border-bottom-color: var(--pri-color);
}
.mg-headwidget .navbar-wp .navbar-nav.nav { background: transparent; }

/* Dropdown */
.mg-headwidget .navbar-wp .navbar-nav > li > .dropdown-menu { background: transparent; }
.mg-headwidget .navbar-wp .navbar-nav > li > .dropdown-menu li a {
    background: #fff !important;
    color: var(--pri-color) !important;
    border-color: #e8e8e8 !important;
}
.mg-headwidget .navbar-wp .navbar-nav > li > .dropdown-menu li a:hover {
    background: #f5f5f5 !important;
}

/* Search / Bell */
.mg-search-box a {
    color: var(--pri-color);
    border-color: #e8e8e8;
    background: #fff;
}
.mg-search-box a:hover,
.mg-search-box a:focus {
    background: var(--pri-color);
    color: #fff;
    border-color: var(--pri-color);
}
.btn-bell {
    background: #fff;
    color: var(--pri-color);
    border-color: #e8e8e8;
}
.btn-bell:hover,
.btn-bell:focus {
    background: var(--pri-color);
    color: #fff;
    border-color: var(--pri-color);
    opacity: 1;
}

/* Mobile burger */
.burger-line { background-color: var(--pri-color); }
@media (max-width: 991.98px) {
    .m-header .navbar-toggler { border-color: var(--pri-color) !important; }
    .m-header .navbar-toggler:hover .burger-line,
    .m-header .navbar-toggler:focus .burger-line { background: #fff; }
    .mobilehomebtn { border-color: var(--pri-color); color: var(--pri-color); }
    .mobilehomebtn:hover { background: var(--pri-color); color: #fff; }
}

/* ============================================================
   FEATURED / HERO AREA
   ============================================================ */
.mg-fea-area .mg-blog-category a {
    border-color: var(--pri-color);
    color: var(--pri-color);
}
.mg-fea-area .mg-blog-category a::before { background: var(--pri-color); }
.mg-fea-area .mg-blog-category a:hover {
    background: var(--pri-color);
    color: #fff;
}

/* ============================================================
   BLOG POST CARDS
   ============================================================ */
.mg-posts-sec-inner .mg-posts-sec-post { background: var(--card-bg); }

.mg-posts-modul-6 .mg-sec-top-post .mg-blog-meta { border-color: #e8e8e8; }
.mg-posts-modul-6 .mg-blog-category a {
    border-color: var(--pri-color);
    color: var(--pri-color);
}
.mg-posts-modul-6 .mg-blog-category a::before { background: var(--pri-color); }
.mg-posts-modul-6 .mg-blog-category a:hover {
    background: var(--pri-color);
    color: #fff;
}

.mg-sec-title h4 {
    background-color: transparent;
    color: var(--pri-color);
    border-bottom-color: var(--pri-color);
}

/* ============================================================
   SMALL / SIDEBAR POSTS
   ============================================================ */
.mg-sidebar .mg-posts-sec .small-post { background: transparent; }
.mg-sidebar .mg-posts-modul-2 .small-post { border-color: #e8e8e8; }

.small-post .mg-blog-category a,
.mg-header .mg-blog-category a {
    border-color: var(--pri-color);
    color: var(--pri-color);
}
.small-post .mg-blog-category a::before,
.mg-header .mg-blog-category a::before { background: var(--pri-color); }
.small-post .mg-blog-category a:hover {
    background: var(--pri-color);
    color: #fff;
}

/* Search input */
.wp-block-search .wp-block-search__input { border-color: #e8e8e8; }
.wp-block-search .wp-block-search__input:focus { border-color: var(--pri-color); }
.wp-block-search .wp-block-search__label,
.mg-widget .wp-block-group h2 {
    background: transparent;
    color: var(--pri-color);
}

/* Sidebar widget titles */
.mg-sidebar .mg-widget .wtitle {
    background-color: transparent;
    color: var(--pri-color);
    border-bottom-color: var(--pri-color);
}

/* ============================================================
   MISC POST MODULES
   ============================================================ */
.mg-posts-modul-1 .bottom .mg-blog-category a {
    border-color: var(--pri-color);
    color: var(--pri-color);
    background: #fff;
}
.mg-posts-modul-1 .bottom .mg-blog-category a::before { background: var(--pri-color); }
.mg-posts-modul-1 .bottom .mg-blog-category a:hover {
    background: var(--pri-color);
    color: #fff;
}

.mg-blog-post-3 .mg-blog-category a {
    border-color: var(--pri-color);
    color: var(--pri-color);
    background: #fff;
}
.mg-blog-post-3 .mg-blog-category a::before { background: var(--pri-color); }

.mg-blog-post .bottom h4:hover,
.mg-blog-post .bottom h4 a:hover,
.mg-blog-inner h4 a:hover,
.mg-blog-post-3 .mg-blog-meta a:hover { color: var(--pri-color); opacity: 0.7; }

/* ============================================================
   FOOTER
   ============================================================ */
footer .overlay,
footer.back-img { background: transparent; }

footer .mg-widget h6 {
    background: transparent;
    color: var(--pri-color);
}

footer .mg-widget ul li a { color: var(--pri-color); }
footer .mg-widget ul li { border-color: #e8e8e8; }
footer .mg-footer-bottom-area .divide-line { background: #e8e8e8; }

footer .mg-footer-copyright {
    background: var(--footer-bg);
    color: var(--footer-fg);
}
footer .mg-footer-copyright a,
footer .mg-footer-copyright .nav-link { color: var(--footer-fg) !important; }

footer .mg-widget h1, footer .mg-widget h2, footer .mg-widget h3,
footer .mg-widget h4, footer .mg-widget h5, footer .mg-widget h6,
footer .mg-widget p, footer .mg-widget ul li { color: var(--pri-color); }

footer .small-post,
footer .mg-posts-sec-inner .small-list-post .small-post { background-color: transparent; }
footer .small-post .title a { color: var(--pri-color); }

body .site-title-footer a,
body .site-description-footer { color: var(--pri-color); }

/* Tag cloud */
.wp-block-tag-cloud a,
.mg-widget .wp-block-tag-cloud a {
    border-color: #e8e8e8;
    color: var(--pri-color);
}
.wp-block-tag-cloud a:hover,
.mg-widget .wp-block-tag-cloud a:hover {
    background: var(--pri-color);
    color: #fff;
    border-color: var(--pri-color);
}

/* Scroll-to-top */
.ta_upscr {
    background: var(--pri-color) !important;
    color: #fff !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-md);
}