/* ========================================
   1. HEADER / KOPAFBEELDING
======================================== */
.mg-nav-widget-area-back {
  position: relative;
  box-shadow: inset 0 10px 40px rgba(212,175,55,0.15);
}

.mg-nav-widget-area-back .inner {
  height: 0px;
  padding: 123px;
  line-height: 0px;
  position: relative;
  z-index: 2;
}

/* lichtere overlay met meer diepte */
.mg-nav-widget-area-back::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(20,10,36,0.15) 0%,
    rgba(20,10,36,0.55) 100%
  ) !important;
  pointer-events: none;
  z-index: 1;
}

/* subtiele glow */
.mg-nav-widget-area-back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at center,
    rgba(212,175,55,0.25) 0%,
    rgba(20,10,36,0.25) 70%
  );
  pointer-events: none;
  z-index: 1;
}

/* headerafbeelding krachtiger */
.mg-nav-widget-area-back img {
  filter: contrast(1.35) brightness(1.12) saturate(1.3);
}

/* ========================================
   2. BASIS
======================================== */
body {
  background: #140A24;
  color: #F5F5F5;
}

a {
  color: #D4AF37;
}

a:hover {
  color: #E6C65A;
}

/* ========================================
   3. TOPBAR / MENU / NAVIGATIE
======================================== */
.bs-head-detail,
.main-navigation,
.navbar-wp,
.bs-menu-full,
.navbar-wp .dropdown-menu {
  background: #1E0F3A !important;
}

.main-navigation a,
.navbar-wp .navbar-nav > li > a {
  color: #F5F5F5 !important;
}

.main-navigation a:hover,
.navbar-wp .navbar-nav > li > a:hover,
.navbar-wp .navbar-nav > .active > a,
.navbar-wp .navbar-nav > .active > a:hover,
.navbar-wp .navbar-nav > .active > a:focus {
  color: #D4AF37 !important;
  background: transparent !important;
}

.navbar-wp .navbar-nav > .active > a {
  border-bottom: 2px solid #D4AF37;
}

/* ========================================
   4. TICKER / NIEUWSTE BERICHT
======================================== */
.mg-latest-news,
.bs-latest-news,
.latest-posts,
.trending-posts,
.mg-latest-news-sec,
.bs-latest-news-sec {
  background: #1E0F3A !important;
  color: #F5F5F5 !important;
  border-left: 3px solid #D4AF37 !important;
}

.mg-latest-news a,
.bs-latest-news a,
.latest-posts a,
.trending-posts a,
.mg-latest-news li a,
.bs-latest-news li a {
  color: #CFCFCF !important;
  font-weight: 500;
}

.mg-latest-news a:hover,
.bs-latest-news a:hover,
.latest-posts a:hover,
.trending-posts a:hover,
.mg-latest-news li a:hover,
.bs-latest-news li a:hover {
  color: #D4AF37 !important;
}

.mg-latest-news .bn_title,
.bs-latest-news .bn_title,
.mg-latest-news strong,
.bs-latest-news strong,
.mg-latest-news .title,
.bs-latest-news .title {
  background: #D4AF37 !important;
  color: #140A24 !important;
  border: none !important;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 700;
}

.mg-latest-news .bn_title::after,
.bs-latest-news .bn_title::after {
  display: none !important;
}

.mg-latest-news i,
.bs-latest-news i,
.latest-posts i,
.trending-posts i,
.mg-latest-news .fa,
.bs-latest-news .fa {
  color: #D4AF37 !important;
}

/* ========================================
   5. PAGINA / CONTENT WRAPPER
======================================== */
.site-content {
  background: #140A24;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.container {
  background: transparent;
}

/* ========================================
   6. POSTS / CONTENT BLOKKEN
======================================== */
article,
.post,
.blog-post,
.bs-blog-post,
.mg-posts-sec-inner {
  background: #1b1033 !important;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(106,76,147,0.10) !important;
  margin-bottom: 26px !important;
  overflow: hidden;
  transition: all 0.3s ease;
}

.post:hover,
.bs-widget:hover,
.sidebar .widget:hover,
article:hover {
  box-shadow: 0 0 20px rgba(106,76,147,0.22) !important;
}

/* ========================================
   7. TITELS / TEKST / DATUM
======================================== */
article h1,
article h2,
article h3,
.post h1,
.post h2,
.post h3,
.entry-title,
.entry-title a,
.post-title,
.post-title a,
.bs-slide .title,
.bs-slide h2,
.bs-slide h2 a {
  color: #F5F5F5 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

article p,
.post p,
.blog-post p,
.entry-content,
.entry-content p {
  color: #F2F2F2 !important;
}

.entry-meta,
.entry-meta a,
.post-date,
.posted-on,
span.posted-on,
span.post-date,
.post-author,
.post-meta,
.post-meta a,
.mg-blog-meta,
.mg-blog-meta a,
.mg-post-date,
.mg-post-date a,
.bs-blog-meta,
.bs-blog-meta a {
  color: #D6D6D6 !important;
  font-size: 13px;
  opacity: 1 !important;
}

.entry-meta i,
.post-meta i,
.mg-blog-meta i,
.bs-blog-meta i,
.posted-on i {
  color: #D4AF37 !important;
  margin-right: 5px;
}

/* ========================================
   8. CATEGORIE LABELS / BADGES
======================================== */
.cat-links a,
.post-categories a,
.entry-header .cat-links a,
span.cat-links a,
span.posted-in a,
a.cat-btn,
a.post-cat,
.mg-blog-category a,
.bs-blog-category a {
  background: #D4AF37 !important;
  color: #140A24 !important;
  border-color: #D4AF37 !important;
  border-radius: 4px;
}

/* ========================================
   9. SIDEBAR / WIDGETS
======================================== */
.widget,
.sidebar .widget,
.bs-widget {
  background: #1b1033 !important;
  color: #F5F5F5 !important;
  border: 1px solid #6A4C93;
  border-radius: 8px;
  box-shadow: 0 0 12px rgba(106,76,147,0.12);
  overflow: hidden;
  backdrop-filter: blur(2px);
}

.widget-title,
.bs-widget-title,
.mg-sec-title {
  color: #F5F5F5 !important;
  background: #1E0F3A !important;
  border-bottom: 2px solid #D4AF37 !important;
}

.widget a,
.sidebar .widget a,
.widget .tab-content a,
.bs-widget .tab-content a,
.sidebar .tab-content a {
  color: #F5F5F5 !important;
}

.widget a:hover,
.sidebar .widget a:hover,
.widget .tab-content a:hover,
.bs-widget .tab-content a:hover,
.sidebar .tab-content a:hover {
  color: #D4AF37 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-top: 2px solid #D4AF37 !important;
  background: #1E0F3A !important;
  color: #F5F5F5 !important;
}

.nav-tabs {
  border-color: #6A4C93 !important;
}

/* ========================================
   10. ZOEKEN / BUTTONS
======================================== */
.search-field,
input[type="search"] {
  background: #F5F5F5 !important;
  color: #140A24 !important;
  border: 1px solid #6A4C93 !important;
  border-radius: 6px;
  box-shadow: none !important;
}

button,
input[type="submit"],
.read-more,
.more-link,
.search-submit,
button.search-submit,
input.search-submit {
  background: #D4AF37 !important;
  color: #140A24 !important;
  border: none !important;
  border-radius: 6px;
}

button:hover,
input[type="submit"]:hover,
.read-more:hover,
.more-link:hover,
.search-submit:hover,
button.search-submit:hover,
input.search-submit:hover {
  background: #E6C65A !important;
  color: #140A24 !important;
}

/* ========================================
   11. SLIDER
======================================== */
.main-slider .overlay {
  background: rgba(20,10,36,0.18) !important;
}

.bs-slide .inner {
  background: rgba(20,10,36,0.85) !important;
  border-radius: 0 0 8px 8px;
  padding: 12px 20px !important;
}

.bs-slide .title,
.bs-slide h2 {
  font-size: 22px !important;
  font-weight: 700;
  color: #F5F5F5 !important;
  text-shadow: 0 0 10px rgba(212,175,55,0.18);
}

.bs-slide .small {
  color: #E0E0E0 !important;
}

/* ========================================
   12. YOU MISSED / ONDERKANT
======================================== */
.bs-you-missed,
.missed-posts,
.bs-you-missed-section {
  background: #1E0F3A !important;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 -5px 20px rgba(106,76,147,0.15);
}

.bs-you-missed .section-title,
.bs-you-missed h4,
.bs-you-missed-title {
  background: #D4AF37 !important;
  color: #140A24 !important;
  padding: 6px 12px;
  border-radius: 4px;
  display: inline-block;
}

.bs-you-missed .title-border,
.bs-you-missed .line {
  background: #D4AF37 !important;
  height: 2px;
}

.bs-you-missed .post,
.bs-you-missed article {
  background: #1b1033 !important;
  border-radius: 8px;
  overflow: hidden;
}

.bs-you-missed .post-title,
.bs-you-missed .post-title a,
.bs-you-missed h2,
.bs-you-missed h3 {
  color: #F5F5F5 !important;
}

.bs-you-missed .entry-meta,
.bs-you-missed .entry-meta a {
  color: #D6D6D6 !important;
}

/* ========================================
   13. FOOTER
======================================== */
.site-footer,
footer {
  background: linear-gradient(
    180deg,
    #140A24 0%,
    #0d0618 100%
  ) !important;
  color: #F5F5F5 !important;
  padding: 40px 0;
  box-shadow: 0 -5px 20px rgba(106,76,147,0.15);
}

.site-footer h3,
.site-footer h4,
footer h3,
footer h4 {
  color: #D4AF37 !important;
}

.site-footer a,
footer a {
  color: #F5F5F5;
}

.site-footer a:hover,
footer a:hover {
  color: #D4AF37;
}

.site-footer .site-title,
.site-footer .navbar-brand,
footer .site-title,
footer .navbar-brand {
  color: #D4AF37 !important;
  font-weight: bold;
}
.bs-slide .inner {
  max-width: 900px;
}
/* ========================================
   FIX: BLAUWE ELEMENTEN WEGHALEN
======================================== */

/* Recente berichten titel */
.widget-title,
.bs-widget-title,
.mg-sec-title {
  background: #1E0F3A !important;
  color: #F5F5F5 !important;
  border-bottom: 2px solid #D4AF37 !important;
}

/* Blauwe tab (Recent Posts) */
.nav-tabs > li.active > a {
  background: #1E0F3A !important;
  color: #F5F5F5 !important;
  border-top: 2px solid #D4AF37 !important;
}

/* Blauwe lijn onder titel */
.widget-title::after,
.bs-widget-title::after,
.mg-sec-title::after {
  background: #D4AF37 !important;
}

/* Ticker blauwe tekst rustiger maken */
.mg-latest-news a,
.bs-latest-news a {
  color: #CFCFCF !important;
}