/* Miejska DEV Dark Mode v1.0.0 (News Magazine X / newsx-*) */

:root{
  --bg: #ffffff;
  --surface: #ffffff;
  --surface2: #f2f2f2;
  --text: #111111;
  --muted: #6b7280;
  --border: rgba(0,0,0,.12);
  --link: #0b57d0;
  --shadow: 0 6px 18px rgba(0,0,0,.08);
}

html.theme-dark{
  --bg: #0f1115;
  --surface: #121723;
  --surface2: #171d2b;
  --text: #e9edf3;
  --muted: #9aa4b2;
  --border: rgba(255,255,255,.14);
  --link: #6aa7ff;
  --shadow: 0 10px 28px rgba(0,0,0,.45);
}

html, body{
  background: var(--bg) !important;
  color: var(--text);
}

a{ color: var(--link); }

html.theme-dark .site,
html.theme-dark .site-content,
html.theme-dark .newsx-container,
html.theme-dark .newsx-main-content,
html.theme-dark .content-area,
html.theme-dark .site-main{
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Karty / listing */
html.theme-dark .newsx-grid-item,
html.theme-dark .newsx-related-posts,
html.theme-dark .newsx-related-posts-wrap,
html.theme-dark .newsx-post-author-box,
html.theme-dark .author-info,
html.theme-dark .box-content,
html.theme-dark .comments-area,
html.theme-dark .comment-respond{
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow);
}

/* Media/placeholder */
html.theme-dark .newsx-grid-image,
html.theme-dark .newsx-grid-media,
html.theme-dark .nht-thumb,
html.theme-dark .newsx-single-post-media{
  background: var(--surface2) !important;
}

/* Tytuły + meta */
html.theme-dark .newsx-grid-title a,
html.theme-dark .newsx-grid-title,
html.theme-dark .newsx-grid-date,
html.theme-dark .newsx-post-date,
html.theme-dark .post-date,
html.theme-dark .newsx-post-meta,
html.theme-dark .newsx-post-meta *{
  color: var(--text) !important;
}
html.theme-dark .newsx-grid-excerpt{ color: var(--muted) !important; }

/* Treść artykułu */
html.theme-dark .newsx-post-content,
html.theme-dark .newsx-single-content-wrap,
html.theme-dark .newsx-single-inner,
html.theme-dark .newsx-single-wrap{
  background: var(--surface) !important;
  color: var(--text) !important;
}
html.theme-dark .newsx-post-content p,
html.theme-dark .newsx-post-content li,
html.theme-dark .newsx-post-content h1,
html.theme-dark .newsx-post-content h2,
html.theme-dark .newsx-post-content h3,
html.theme-dark .newsx-post-content h4{
  color: var(--text) !important;
}
html.theme-dark .newsx-post-content a{ color: var(--link) !important; }

/* Offcanvas */
html.theme-dark .newsx-offcanvas-widgets-area{
  background: rgba(15,17,21,.96) !important;
  color: var(--text) !important;
}

/* Szukajka */
html.theme-dark .search-form{
  background: var(--surface2) !important;
  border-color: var(--border) !important;
}
html.theme-dark .search-field{
  background: transparent !important;
  color: var(--text) !important;
}
html.theme-dark .search-field::placeholder{ color: rgba(233,237,243,.55) !important; }

/* Komentarze: inputy */
html.theme-dark textarea,
html.theme-dark input[type="text"],
html.theme-dark input[type="email"],
html.theme-dark input[type="url"],
html.theme-dark input[type="search"]{
  background: var(--surface2) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
html.theme-dark #submit.submit{
  background: rgba(255,255,255,.10) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}

/* Pasek dolny mobile (żółty) – zostawiamy */
html.theme-dark .mobile-bottom-bar{
  color: #111 !important;
}

/* Toggle */
.miejska-theme-toggle{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.04);
  color: var(--text);
  cursor: pointer;
  transition: transform .12s ease, background .12s ease;
}
.miejska-theme-toggle:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
}
html.theme-light .miejska-theme-toggle{
  background: rgba(0,0,0,.03);
}
.miejska-theme-toggle.is-in-header{
  margin-left: 10px;
  width: 34px;
  height: 26px;
  border-radius: 10px;
}