/* ============================================================
   informatik.academy – eigenes CSS
   1) Footer-Navigation: Ausrichtung beim Umbruch
   2) BuddyPress-Icons im Header
   ============================================================ */


/* ---------- 1) Footer-Navigation ---------- */

/* Mehrzeilige Einträge brechen in Blockrichtung um, nicht nach links */
.wp-block-navigation.is-vertical.is-content-justification-right .wp-block-navigation-item {
  text-align: right;
  justify-content: flex-end;
}
.wp-block-navigation.is-vertical.is-content-justification-center .wp-block-navigation-item {
  text-align: center;
  justify-content: center;
}

/* Sobald die Spalten stapeln (< 782 px): alles im Footer rechtsbündig */
@media (max-width: 781px) {
  footer .wp-block-navigation.is-vertical,
  footer .wp-block-navigation.is-vertical .wp-block-navigation__container {
    align-items: flex-end;
  }
  footer .wp-block-navigation .wp-block-navigation-item {
    text-align: right;
    justify-content: flex-end;
  }
  footer .wp-block-column:has(.wp-block-navigation) .wp-block-heading {
    text-align: right;
  }
}


/* ---------- 2) BuddyPress-Icons im Header ---------- */

.ia-bp-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;   /* <- ersetzt das browserabhängige baseline */
  line-height: 1;           /* <- kein Textrest, der die Höhe verzerrt */
  color: inherit;
  text-decoration: none;
  transition: opacity .15s ease;
}
.ia-bp-icon:hover { opacity: .6; }
.ia-bp-svg { width: 22px; height: 22px; display: block; }
.ia-bp-icon .dashicons { font-size: 22px; width: 22px; height: 22px; }

.ia-bp-count {
  position: absolute;
  top: -6px;
  inset-inline-end: -8px;
  min-width: 1.15em;
  padding: 0 .3em;
  border-radius: 999px;
  background: #c0392b;
  color: #fff;
  font-size: .65rem;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}