/* ============================================================
   PJM Partner - Ergänzungen für die WordPress-Teile
   ------------------------------------------------------------
   Nur das, was der Build nicht kennen konnte: Blöcke aus dem
   Editor (Bild, Datei, Zitat, Liste) innerhalb von .prose, die
   Seitennavigation der Übersicht und den leeren Zustand.
   Alle Werte hängen an den Tokens aus css/tokens-shared.css.
   ============================================================ */

/* Bild im Beitrag */
.prose .wp-block-image { margin-inline: 0; }
.prose .wp-block-image img { display: block; max-width: 100%; height: auto; }
.prose .wp-block-image figcaption {
  margin-top: 0.5rem;
  font-size: var(--wp--preset--font-size--xs);
  color: var(--wp--preset--color--muted);
}

/* Unterstrichener Text: dieselbe Linienfarbe wie der Fließtext */
.prose span[style*="underline"] { text-underline-offset: 0.18em; }

/* Liste und Zitat aus dem Editor. Aufzählungen sehen aus wie .list im
   Build (Strich in Akzentfarbe), damit alte und neue Beiträge gleich
   wirken; nummerierte Listen behalten ihre Ziffern. */
.prose ul.wp-block-list { margin-left: 0; padding: 0; list-style: none; }
.prose ul.wp-block-list > li {
  position: relative;
  padding-left: 1.375rem;
  line-height: var(--wp--custom--line-height--body);
}
.prose ul.wp-block-list > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(var(--wp--custom--line-height--body) * 0.5em);
  transform: translateY(-50%);
  width: 0.4375rem;
  height: var(--wp--custom--rule--width);
  background: var(--wp--preset--color--accent);
}
.prose ol.wp-block-list { padding-left: 1.375rem; }
.prose .wp-block-list > li + li { margin-top: 0.55rem; }
.prose .wp-block-quote {
  margin-inline: 0;
  padding-left: var(--wp--preset--spacing--30);
  border-left: 2px solid var(--wp--preset--color--accent);
}
.prose .wp-block-separator {
  border: 0;
  border-top: 1px solid currentColor;
  opacity: 0.2;
}

/* Datei-Block: Download als Button im Stil von .btn--primary */
.prose .wp-block-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  padding: var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--surface-warm);
  border-left: 2px solid var(--wp--preset--color--accent);
}
.prose .wp-block-file > a:not(.wp-block-file__button) {
  font-weight: 500;
  color: var(--wp--preset--color--ink);
}
.prose .wp-block-file .wp-block-file__button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  padding: 0.8rem 1.5rem;
  border: 0;
  border-radius: 0;
  background: var(--wp--preset--color--ink);
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--sm);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
}
.prose .wp-block-file .wp-block-file__button::after { content: "\2193"; }
.prose .wp-block-file .wp-block-file__button:hover,
.prose .wp-block-file .wp-block-file__button:focus-visible {
  background: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--ink-deep);
}
.prose .wp-block-file__embed { display: none; }
@media (max-width: 40rem) {
  .prose .wp-block-file .wp-block-file__button { margin-left: 0; }
}

/* Übersicht: Seitennavigation und leerer Zustand */
.pjm-seiten { margin-top: var(--wp--preset--spacing--50); }
.pjm-seiten .nav-links { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.pjm-seiten .page-numbers {
  padding: 0.4rem 0.8rem;
  font-size: var(--wp--preset--font-size--sm);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.pjm-seiten .page-numbers.current,
.pjm-seiten a.page-numbers:hover { border-bottom-color: var(--wp--preset--color--accent); }
.pjm-leer {
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--muted);
}
.jumpbar a[aria-current="page"] { border-bottom-color: var(--wp--preset--color--accent); }

/* Angemeldete Nutzer: fester Kopf rutscht unter die Admin-Leiste */
body.admin-bar .site-head { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar .site-head { top: 0; } }