/* ══════════════════════════════════════════════════════════════════════════
   ProNews SEO Theme — Responsive Stylesheet
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Tablet (≤ 1024px) ──────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .pnst-layout { grid-template-columns: 1fr; }
  .pnst-sidebar { position: static; }

  .hero-inner { grid-template-columns: 1fr; }
  .hero-main img { height: 340px; }
  .hero-secondary { flex-direction: row; flex-wrap: wrap; }
  .hero-mini { flex: 1 1 calc(50% - .5rem); }

  .footer-widget-grid { grid-template-columns: repeat(2, 1fr); }

  .main-navigation { display: none; }
  .pnst-menu-toggle { display: flex; }
}

/* ── Mobile (≤ 768px) ───────────────────────────────────────────────────── */
@media (max-width: 768px) {
  :root {
    --pnst-body-size: 15px;
    --pnst-head-size: 22px;
  }

  .pnst-topbar .pnst-container { flex-direction: column; gap: .4rem; text-align: center; }
  .topbar-left, .topbar-right { justify-content: center; }

  .header-inner { padding: .7rem 0; }
  .site-title { font-size: 1.35rem; }

  .hero-main img { height: 260px; }
  .hero-title { font-size: 1.25rem; }
  .hero-secondary { flex-direction: column; }
  .hero-mini { grid-template-columns: 80px 1fr; }
  .hero-mini-img img { width: 80px; height: 56px; }

  .trending-list { grid-template-columns: 1fr; }

  .posts-layout--grid { grid-template-columns: 1fr; }
  .posts-layout--list .post-card { flex-direction: column; }
  .posts-layout--list .post-card-image img { width: 100%; height: 200px; }

  .entry-title { font-size: 1.5rem; }

  .pnst-author-box { flex-direction: column; align-items: center; text-align: center; }
  .author-posts-link { display: inline-block; margin-top: .5rem; }

  .related-grid { grid-template-columns: 1fr; }

  .footer-widget-grid { grid-template-columns: 1fr; }
  .footer-bottom-inner { flex-direction: column; text-align: center; }

  .pnst-post-nav { grid-template-columns: 1fr; }
  .nav-next { text-align: left; }

  .pnst-social-share { gap: .4rem; }
  .share-btn { font-size: .78rem; padding: .3rem .6rem; }

  .error-404-number { font-size: 5rem; }
  .error-404-title { font-size: 1.5rem; }
}

/* ── Small Mobile (≤ 480px) ─────────────────────────────────────────────── */
@media (max-width: 480px) {
  .pnst-container { padding: 0 .75rem; }
  .pnst-layout { padding: 1rem 0; }

  .hero-content { padding: 1rem; }
  .hero-title { font-size: 1.1rem; }

  .section-title { font-size: 1.1rem; }

  .entry-title { font-size: 1.3rem; }
  .pnst-toc { padding: 1rem; }

  .pnst-back-to-top { bottom: 1rem; right: 1rem; }
}

/* ── Print ───────────────────────────────────────────────────────────────── */
@media print {
  .site-header,
  .pnst-topbar,
  .pnst-mobile-menu,
  .pnst-sidebar,
  .site-footer,
  .pnst-back-to-top,
  .pnst-social-share,
  .pnst-related-posts,
  .pnst-author-box,
  .comments-area,
  .pnst-breadcrumbs,
  .pnst-post-nav,
  .entry-actions,
  .pnst-ad { display: none !important; }

  .pnst-layout { grid-template-columns: 1fr !important; }
  body { font-size: 12pt; color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
  .entry-title { font-size: 20pt; }
  .entry-content img { max-width: 100%; }
}