/* ============================================================
   Overrides so WordPress-generated markup matches the
   naruto88bistro.com static site design exactly.
============================================================ */

/* Push content below the WP admin bar when logged in */
body.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

/* Gutenberg image blocks inside article body */
.article-body img,
.article-body figure img {
  border-radius: var(--radius-md, 14px);
  max-width: 100%;
  height: auto;
  margin: 1.5rem 0;
}

.article-body figcaption {
  text-align: center;
  color: var(--text-muted);
  font-size: 0.9rem;
  margin-top: -1rem;
  margin-bottom: 1.5rem;
}

.article-body a {
  color: var(--gold-primary);
  text-decoration: underline;
}

.article-body ul,
.article-body ol {
  margin: 1.25rem 0 1.25rem 1.5rem;
  color: var(--text-muted);
}

.article-body .wp-block-quote,
.article-body blockquote.wp-block-quote {
  border-left: 3px solid var(--gold-primary);
  padding-left: 1.25rem;
  font-style: italic;
}

/* Pagination on the blog listing page */
.pagination,
.nav-links {
  display: flex;
  justify-content: center;
  gap: 1rem;
  font-family: var(--font-sans);
}

.pagination a,
.pagination span,
.nav-links a,
.nav-links span {
  padding: 0.6rem 1.2rem;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-full, 9999px);
  color: var(--text-main);
}

.pagination .current,
.nav-links .current {
  border-color: var(--gold-primary);
  color: var(--gold-primary);
}

/* Blog card link should inherit the card image so the whole area is clickable */
.blog-img a {
  display: block;
}

/* Read more / next-prev links on single post */
.article-wrap .nav-link {
  color: var(--text-main);
  text-decoration: none;
}
.article-wrap .nav-link:hover {
  color: var(--gold-primary);
}