/* ============================================================
   Unified burger sheet — used by main page (.aka-hd) and
   Leistungs sub-pages (.pf-hd). One visual language for both.
   Namespace: aka-sheet (site-wide).
   ============================================================ */

.aka-sheet {
  position: fixed;
  inset: 0;
  z-index: 55;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(4.5rem, 12vh, 6rem) 1.25rem 2rem;
  background: rgba(255, 255, 255, 0.90);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
  overflow-y: auto;
  animation: aka-sheet-in 180ms ease-out;
}

.aka-sheet[hidden] {
  display: none !important;
}

@keyframes aka-sheet-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.aka-sheet__inner {
  width: min(100%, 640px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Card-style item — same visual for every link */
.aka-sheet-item {
  display: flex;
  align-items: center;
  min-height: 68px;
  padding: 16px 22px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(22, 22, 22, 0.10);
  border-radius: 14px;
  color: var(--ink-900, #16130f);
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: clamp(1rem, 2vw, 1.15rem);
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.aka-sheet-item:hover,
.aka-sheet-item:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(22, 22, 22, 0.28);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
  outline: none;
}

/* Active-state via contrast, no gold accent */
.aka-sheet-item.is-active {
  background: rgba(22, 22, 22, 0.05);
  border-color: rgba(22, 22, 22, 0.40);
  box-shadow: inset 0 0 0 1px rgba(22, 22, 22, 0.10);
  color: var(--ink-900, #16130f);
}

/* Divider — separates nav items from the CTA */
.aka-sheet__divider {
  width: 100%;
  height: 1px;
  background: rgba(22, 22, 22, 0.10);
  margin: 14px 0 4px;
}

/* CTA — deliberately not a card, styled as a distinct action */
.aka-sheet__cta {
  width: 100%;
  display: flex;
  justify-content: center;
}

.aka-sheet__cta > * {
  min-width: 240px;
}

/* Lock background scroll while any sheet is open */
body.aka-sheet-open {
  overflow: hidden;
}