/* css styles */

/* ---------------------------------------------------------------------------
   Workshop-Navigation (siehe claudenavbar.md)
   Eine Leiste mit drei Slots: Zurück (links) · Hub (mitte) · Weiter (rechts).
   Fehlt ein Slot, sorgt .wnav-spacer fuer ein ausgeglichenes Layout.
--------------------------------------------------------------------------- */
.workshop-nav {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 3.5rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.workshop-nav a,
.workshop-nav .wnav-spacer {
  flex: 1 1 0;
  min-width: 11rem;
}

.workshop-nav a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.85rem 1.15rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: var(--bs-border-radius, 0.375rem);
  text-decoration: none;
  background: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #212529);
  line-height: 1.3;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.workshop-nav a:hover,
.workshop-nav a:focus-visible {
  border-color: var(--bs-primary, #2780e3);
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
  text-decoration: none;
}

.workshop-nav .wnav-dir {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--bs-primary, #2780e3);
}

.workshop-nav .wnav-sub {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--bs-body-color, #212529);
}

/* Ausrichtung der drei Slots */
.workshop-nav .wnav-prev { align-items: flex-start; text-align: left; }
.workshop-nav .wnav-hub  { align-items: center;     text-align: center; }
.workshop-nav .wnav-next { align-items: flex-end;   text-align: right; }

/* Hub-Slot dezent als Akzent absetzen */
.workshop-nav .wnav-hub {
  background: var(--bs-tertiary-bg, #f8f9fa);
}

/* Leerer Platzhalter, falls ein Slot fehlt (z. B. erster Workshop ohne
   vorherigen Workshop): haelt das Layout im Gleichgewicht. */
.workshop-nav .wnav-spacer {
  visibility: hidden;
}