/* ============================================================
   FFConnect Theme — WP-spezifische Ergaenzungen.
   Die Token/Base/Component/Variant-Sheets werden in inc/enqueue.php
   einzeln (filemtime-versioniert) in dieser Reihenfolge geladen:
   tokens -> variants(radius,mode,cards,layout) -> base -> components
   -> ffc-bridge -> overrides -> theme.css.
   ============================================================ */

/* ---------- WordPress-spezifische Anpassungen ---------- */

/* WP-Admin-Bar darf nicht ueber unseren Sticky-Header rutschen */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .site-header { top: 46px; }
}

/* Default WP-Alignments im Prose-Container */
.prose .alignleft  { float: left;  margin: 0 var(--sp-4) var(--sp-3) 0; }
.prose .alignright { float: right; margin: 0 0 var(--sp-3) var(--sp-4); }
.prose .aligncenter { display: block; margin-inline: auto; }
.prose .alignwide   { max-width: min(100%, 1100px); margin-inline: auto; }
.prose .alignfull   { width: 100vw; margin-inline: calc(50% - 50vw); max-width: none; }

/* Caption */
.wp-caption,
.wp-block-image figcaption {
  font-size: var(--fs-sm);
  color: var(--c-muted);
  text-align: center;
  margin-top: var(--sp-2);
}

/* Skip-Link */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 9999;
  background: var(--c-ink);
  color: #fff;
  padding: var(--sp-3) var(--sp-4);
  font-weight: var(--fw-bold);
  border-radius: 0 0 var(--r-md) 0;
}
.skip-link:focus {
  left: 0;
}

/* WP-Pagination */
.wp-pagenavi,
.nav-links {
  display: flex;
  gap: var(--sp-2);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--sp-7);
}
.wp-pagenavi a,
.wp-pagenavi span,
.nav-links a,
.nav-links span {
  padding: 0.5rem 0.85rem;
  border-radius: var(--r-sm);
  font-weight: var(--fw-bold);
  color: var(--c-ink);
  border: 1px solid var(--c-line);
}
.wp-pagenavi .current,
.nav-links .current {
  background: var(--c-red);
  color: #fff;
  border-color: var(--c-red);
}

/* ---------- Jugendfeuerwehr-Theme-Akzent ----------
   Wird im Body-Wrapper aktiviert via .ffct-jugend-context (kommt aus Page-Generator).
*/
.ffct-jugend-context {
  --c-red:      #1F6FB2;  /* blau statt rot — Jugend-Bereich */
  --c-red-dark: #155185;
  --c-red-darker: #103B5F;
  --c-brand:    #1F6FB2;
  --c-brand-bg: #E6F0F8;
}