/* ===========================================================
   ISKCON Hebri — WordPress theme extras
   Styling for content the editor produces (the_content) and for
   WordPress pagination. Layered after styles.css; does not modify
   any of the hand-built static design.
   =========================================================== */

/* --- Long-form body copy (articles, news, events, album notes) --- */
.article-body {
  font-size: 1.125rem;
  line-height: 1.75;
  color: var(--ink-soft);
}
.article-body > * + * { margin-top: 1.5rem; }
.article-body p { margin: 0 0 1.5rem; }
.article-body p:last-child { margin-bottom: 0; }
.article-body strong { color: var(--ink); }
.article-body a {
  color: var(--saffron);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.article-body a:hover { color: var(--saffron-deep); }

.article-body h2,
.article-body h3,
.article-body h4 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: var(--forest-deep);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.article-body h2 { font-size: 1.875rem; margin: 2.5rem 0 0.5rem; }
.article-body h3 { font-size: 1.5rem;   margin: 2rem 0 0.5rem; }
.article-body h4 { font-size: 1.25rem;  margin: 1.75rem 0 0.5rem; }

.article-body ul,
.article-body ol { margin: 0 0 1.5rem; padding-left: 1.5rem; }
.article-body ul { list-style: disc; }
.article-body ol { list-style: decimal; }
.article-body li { margin: 0.4rem 0; }
.article-body li::marker { color: var(--saffron); }

.article-body blockquote {
  border-left: 4px solid var(--saffron);
  padding: 0.5rem 0 0.5rem 1.5rem;
  margin: 2rem 0;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 1.4rem;
  line-height: 1.4;
  color: var(--forest-deep);
}
.article-body blockquote p { margin: 0; }

.article-body img,
.article-body .wp-block-image img {
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
  margin: 2rem auto;
}
.article-body figure { margin: 2rem 0; }
.article-body figcaption {
  text-align: center;
  font-size: 0.85rem;
  color: var(--ink-soft);
  margin-top: 0.5rem;
}

/* WordPress gallery block inside album notes */
.article-body .wp-block-gallery { margin: 2rem 0; }

/* --- Pagination (articles / news lists) --- */
.hebri-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.hebri-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: 9999px;
  border: 1px solid rgba(31,71,49,.2);
  color: var(--forest-deep);
  font-size: 0.95rem;
  text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
}
.hebri-pagination a.page-numbers:hover {
  background: var(--saffron);
  border-color: var(--saffron);
  color: #fff;
}
.hebri-pagination .page-numbers.current {
  background: var(--forest);
  border-color: var(--forest);
  color: var(--cream);
}
.hebri-pagination .page-numbers.dots { border: 0; }

/* --- WordPress admin bar shouldn't cover the fixed announcement bar --- */
.admin-bar .nav-shell { top: calc(1.75rem + 32px); }
@media (min-width: 783px) {
  .admin-bar .nav-shell { top: calc(2.25rem + 32px); }
}