/* APE 2026 — BottomNav mobile (BLUEPRINT §7.1). */
/* Isola flottante (2026-07-14, richiesta utente): staccata dai bordi, pill */
.ape-bottomnav {
  position: fixed; left: 12px; right: 12px;
  bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 95;
  display: flex; height: var(--ape-bottomnav-h);
  background: color-mix(in srgb, var(--ape-surface) 90%, transparent);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--ape-line); border-radius: 22px;
  box-shadow: 0 8px 24px rgb(13 17 23 / 16%);
  overflow: hidden;
}
.ape-bottomnav__item {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 2px; color: var(--ape-ink-mute); font-size: 10px; font-weight: 500;
}
.ape-bottomnav__item.is-active, .ape-bottomnav__item:active { color: var(--ape-ink); }
.ape-bottomnav__item.is-active::before { content: ""; position: absolute; top: 0; width: 28px; height: 3px; border-radius: 0 0 3px 3px; background: var(--ape-accent); }
.ape-bottomnav__item { position: relative; }
.ape-bottomnav__item .ape-icon { width: 22px; height: 22px; }
@media (min-width: 1024px) { .ape-bottomnav { display: none; } }
/* 2026-10-07: solo assistenza WhatsApp (le altre voci erano doppioni dell'intestazione):
   pillola compatta in basso a destra invece della barra intera */
.ape-bottomnav--wa { left: auto; height: 48px; border-radius: 999px; }
.ape-bottomnav__wa {
  display: flex; align-items: center; gap: 8px; padding: 0 18px 0 14px;
  color: var(--ape-ink); font-size: 14px; font-weight: 600; white-space: nowrap;
}
.ape-bottomnav__wa .ape-icon { width: 24px; height: 24px; color: #25d366; }