/* ============================================
   НОВОСТИ БЛАГОВЕЩЕНСК — кастомный дизайн
   ============================================ */
:root {
  --nb-accent: #e63946;
  --nb-accent-dark: #c1121f;
  --nb-primary: #0b1f3a;
  --nb-primary-light: #14294d;
  --nb-grad: linear-gradient(135deg, #0b1f3a 0%, #1d3557 60%, #2a4d8f 100%);
  --nb-radius: 14px;
  --nb-shadow: 0 6px 24px rgba(11, 31, 58, 0.10);
  --nb-shadow-hover: 0 14px 34px rgba(11, 31, 58, 0.18);
}

/* ---------- ШАПКА ---------- */
.mg-headwidget {
  background: var(--nb-grad) !important;
  border-bottom: 3px solid var(--nb-accent) !important;
}
.mg-headwidget .navbar-wp {
  background: transparent !important;
}
.mg-headwidget .navbar-header .navbar-brand {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
.mg-headwidget .navbar-header .navbar-brand:hover {
  color: #ffd166 !important;
}
.mg-headwidget .navbar-header .site-description {
  color: rgba(255,255,255,0.85) !important;
}

/* Навигация */
.navbar-wp .navbar-nav > li > a {
  color: rgba(255,255,255,0.92) !important;
  font-weight: 600;
  letter-spacing: 0.3px;
  transition: color 0.25s ease, background 0.25s ease;
}
.navbar-wp .navbar-nav > li > a:hover,
.navbar-wp .navbar-nav > li.active > a {
  color: #ffffff !important;
  background: rgba(230, 57, 70, 0.85) !important;
  border-radius: 6px;
}
.navbar-wp .navbar-nav > li {
  margin: 0 2px;
}

/* ---------- БЕГУЩАЯ СТРОКА ---------- */
.mg-latest-news-slider {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--nb-shadow);
}
.mg-latest-news-slider .bn-title {
  background: var(--nb-accent) !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* ---------- СЛАЙДЕР ---------- */
.mg-fea-area {
  border-radius: var(--nb-radius);
  overflow: hidden;
  box-shadow: var(--nb-shadow);
}
.mg-fea-area .mg-blog-post.lg {
  border-radius: var(--nb-radius);
}
.mg-blog-inner {
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.25) 60%, transparent 100%) !important;
  border-radius: 0 0 var(--nb-radius) var(--nb-radius);
}
.mg-blog-inner h4 a {
  color: #ffffff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
.mg-blog-inner h4 a:hover {
  color: #ffd166 !important;
}

/* ---------- КАРТОЧКИ ПОСТОВ ---------- */
.mg-posts-sec-post,
.mg-blog-post-3,
.mg-blog-post {
  border-radius: var(--nb-radius) !important;
  overflow: hidden;
  box-shadow: var(--nb-shadow) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: none !important;
}
.mg-posts-sec-post:hover,
.mg-blog-post-3:hover,
.mg-blog-post:hover {
  transform: translateY(-6px);
  box-shadow: var(--nb-shadow-hover) !important;
}
.mg-posts-sec-post .title a,
.mg-blog-post-3 .title a {
  color: var(--nb-primary) !important;
  transition: color 0.25s ease;
}
.mg-posts-sec-post .title a:hover,
.mg-blog-post-3 .title a:hover {
  color: var(--nb-accent) !important;
}

/* ---------- ЗАГОЛОВКИ СЕКЦИЙ ---------- */
.mg-sec-title {
  border-left: 4px solid var(--nb-accent) !important;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(90deg, rgba(230,57,70,0.12), transparent) !important;
}
.mg-sec-title h4 {
  color: var(--nb-primary) !important;
  font-weight: 800;
}
.mg-sec-title span {
  background: var(--nb-accent) !important;
}

/* ---------- КНОПКИ ---------- */
.btn,
.btn-theme,
.mg-btn {
  background: var(--nb-accent) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600;
  transition: background 0.25s ease, transform 0.2s ease !important;
}
.btn:hover,
.btn-theme:hover,
.mg-btn:hover {
  background: var(--nb-accent-dark) !important;
  transform: translateY(-2px);
}

/* ---------- ПАГИНАЦИЯ ---------- */
.navigation.pagination .nav-links .page-numbers {
  border-radius: 8px !important;
  transition: all 0.25s ease;
}
.navigation.pagination .nav-links .page-numbers.current {
  background: var(--nb-accent) !important;
  border-color: var(--nb-accent) !important;
}

/* ---------- ВИДЖЕТЫ ---------- */
.mg-widget {
  border-radius: var(--nb-radius) !important;
  box-shadow: var(--nb-shadow) !important;
  border: none !important;
  overflow: hidden;
}
.mg-widget .wp-block-heading,
.mg-widget .mg-widget-title {
  color: var(--nb-primary) !important;
  border-bottom: 2px solid var(--nb-accent) !important;
  padding-bottom: 8px;
}
.mg-widget ul li a {
  transition: color 0.2s ease, padding-left 0.2s ease;
}
.mg-widget ul li a:hover {
  color: var(--nb-accent) !important;
  padding-left: 6px;
}

/* ---------- ФУТЕР ---------- */
.mg-footer {
  background: var(--nb-grad) !important;
  border-top: 3px solid var(--nb-accent) !important;
}
.mg-footer .mg-footer-widget-area {
  background: transparent !important;
}
.mg-footer .mg-footer-bottom-area {
  background: rgba(0,0,0,0.25) !important;
}
.mg-footer .mg-footer-copyright a {
  color: #ffd166 !important;
}

/* ---------- МЕТА ПОСТОВ ---------- */
.mg-blog-meta a,
.mg-blog-meta i {
  color: #6c757d !important;
}
.mg-blog-meta a:hover {
  color: var(--nb-accent) !important;
}

/* ---------- СКРОЛЛБАР (webkit) ---------- */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f3f5;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--nb-accent), var(--nb-primary));
  border-radius: 5px;
}

/* ---------- АДАПТИВ (мобильные) ---------- */
@media (max-width: 991px) {
  .navbar-wp .navbar-nav > li > a {
    background: rgba(255,255,255,0.08) !important;
    border-radius: 6px;
    margin: 2px 0;
  }
  .mg-blog-inner h4 {
    font-size: 18px !important;
  }
}