/* ==========================================================================
   NsN — Tech News skin for Newsmatic
   Palette: slate + cyan (modern technology magazine)
   ========================================================================== */

:root {
  --nsn-bg: #0b1220;
  --nsn-surface: #111827;
  --nsn-surface-2: #1e293b;
  --nsn-text: #e5e7eb;
  --nsn-muted: #94a3b8;
  --nsn-accent: #0ea5e9;
  --nsn-accent-2: #22d3ee;
  --nsn-border: rgba(148, 163, 184, 0.18);
  --nsn-radius: 10px;
  --nsn-shadow: 0 10px 30px rgba(2, 8, 23, 0.35);
}

/* Base readability */
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Header / navigation — tech magazine bar */
.site-header,
.main-header,
#masthead {
  border-bottom: 1px solid var(--nsn-border);
}

.site-title a,
.site-title {
  letter-spacing: -0.02em;
  font-weight: 800;
}

/* Accent links & category labels */
a:hover,
.category-list a,
.cat-links a,
.post-categories a,
.bmm-post-meta .cat-item a {
  transition: color 0.15s ease, background-color 0.15s ease;
}

.category-list a,
.cat-links a,
.post-categories a {
  border-radius: 999px;
}

/* Cards / posts — sharper tech look */
.news-item,
.post-card,
.article-item,
.bmm-post-box,
.newsmatic-card,
.main-banner-wrap article,
.row-wrap article {
  border-radius: var(--nsn-radius);
}

.main-banner-wrap img,
.bmm-post-thumb img,
.post-thumbnail img,
.news-thumb img {
  border-radius: var(--nsn-radius);
  transition: transform 0.35s ease, filter 0.35s ease;
}

.main-banner-wrap a:hover img,
.bmm-post-thumb a:hover img,
.post-thumbnail a:hover img {
  transform: scale(1.03);
  filter: saturate(1.05) contrast(1.02);
}

/* Ticker — subtle tech strip */
.has-ticker,
.news-ticker,
.newsmatic-ticker {
  border-left: 3px solid var(--nsn-accent);
}

/* Buttons */
button,
.button,
.wp-block-button__link,
input[type="submit"],
.search-form .search-submit {
  border-radius: 8px !important;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

button:hover,
.button:hover,
input[type="submit"]:hover {
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.25);
}

/* Single post content */
.single .entry-content,
.single-post .entry-content {
  font-size: 1.05rem;
  line-height: 1.75;
}

.single .entry-content h2,
.single .entry-content h3 {
  letter-spacing: -0.015em;
  margin-top: 1.6em;
}

.single .entry-content pre,
.single .entry-content code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  border-radius: 6px;
}

.single .entry-content pre {
  background: #0f172a;
  color: #e2e8f0;
  padding: 1rem 1.1rem;
  overflow-x: auto;
  border: 1px solid var(--nsn-border);
}

.single .entry-content a {
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* Featured image */
.single .post-thumbnail img,
.single .entry-thumbnail img {
  border-radius: 12px;
  box-shadow: var(--nsn-shadow);
}

/* Sidebar widgets */
.widget-area .widget,
.secondary .widget {
  border: 1px solid var(--nsn-border);
  border-radius: var(--nsn-radius);
  padding: 1rem 1.1rem;
  margin-bottom: 1.25rem;
}

.widget-title,
.widget .widget-title {
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-left: 3px solid var(--nsn-accent);
  padding-left: 0.6rem;
}

/* Footer */
.site-footer {
  border-top: 1px solid var(--nsn-border);
}

.site-info.nsn-site-credit {
  opacity: 0.85;
}

/* "You may have missed" section title polish */
.you-may-have-missed-section .section-title,
.missed-posts .section-title {
  letter-spacing: -0.02em;
}

/* Breadcrumbs spacing */
.breadcrumb-trail,
.rank-math-breadcrumb,
.yoast-breadcrumb {
  font-size: 0.9rem;
  color: var(--nsn-muted);
}

/* Mobile readability */
@media (max-width: 768px) {
  .single .entry-content {
    font-size: 1rem;
    line-height: 1.7;
  }
}

/* Reduce motion for a11y */
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}

/* Hide leftover vendor credit links if CSS-only path is used */
.site-footer a[href*="blazethemes.com"] {
  display: none !important;
}