/* ==========================================================================
   WordPress-specific additions (things the static template didn't need)
   ========================================================================== */

/* Empty image slot when no image is set yet */
.mopstar-img-placeholder {
  background: linear-gradient(135deg, var(--color-paper-dim), var(--color-line));
  min-height: 10rem;
}

/* Pagination */
.mopstar-pagination { margin-top: 3rem; }
.mopstar-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; }
.mopstar-pagination .page-numbers {
  min-width: 44px; height: 44px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--color-line);
  background: var(--color-white);
  color: var(--color-ink);
  font-size: var(--fs-small);
  font-weight: 600;
  transition: background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);
}
.mopstar-pagination a.page-numbers:hover { background: var(--color-teal); border-color: var(--color-teal); color: var(--color-white); }
.mopstar-pagination .page-numbers.current { background: var(--color-ink); border-color: var(--color-ink); color: var(--color-white); }
.mopstar-pagination .page-numbers.dots { border: 0; background: none; }

/* Rich text from ACF WYSIWYG fields */
.mopstar-richtext p { color: var(--color-ink-soft); }
.mopstar-richtext a { color: var(--color-teal); text-decoration: underline; }

/* Block editor content inside articles */
.prose-article .wp-block-image img,
.prose-article img { border-radius: var(--radius-md); height: auto; }
.prose-article .aligncenter { margin-inline: auto; }
.prose-article .wp-block-quote { margin-inline: 0; }
.prose-article .wp-block-quote p { color: inherit; }
.prose-article .wp-block-quote cite { display: block; margin-top: 0.75rem; font-family: var(--font-body); font-size: var(--fs-small); font-style: normal; color: var(--color-ink-soft); }
.prose-article .has-background { padding: 1.5rem 1.75rem; border-radius: var(--radius-md); }
.prose-article table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.prose-article th, .prose-article td { padding: 0.75rem; border-bottom: 1px solid var(--color-line); text-align: left; }
.prose-article .not-prose a { text-decoration: none; }

.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; word-wrap: normal !important;
}

/* Keep the sticky header below the admin bar */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 0; } }