/* ============================================================
   BARRE D'ONGLETS BAS — tabbar fixe, mobile-first
   Issue #134 — extrait de index.html (était inline <style>).
   ============================================================ */

.tabbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
  height: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  background: rgba(251,250,246,.92);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid var(--line);
  display: flex; align-items: stretch;
  box-shadow: 0 -6px 24px rgba(32,35,31,.07);
  /* centrer sur grand écran comme le contenu */
  max-width: 100%; /* pas de contrainte ici — elle est fixée */
}
.tab {
  flex: 1; min-height: 44px; border: none; background: none; cursor: pointer;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  color: var(--ink-faint);
  font-family: 'Spline Sans', sans-serif;
  font-size: 10px; font-weight: 600; letter-spacing: .02em;
  padding-top: 8px;
  position: relative; transition: color .18s ease;
}
.tab .tab-ico { font-size: 20px; line-height: 1; transition: transform .18s ease; }
.tab[aria-current="true"] {
  color: var(--accent);
}
.tab[aria-current="true"] .tab-ico { transform: translateY(-1px) scale(1.08); }
.tab[aria-current="true"]::before {
  content: ""; position: absolute; top: 0; width: 26px; height: 3px;
  border-radius: 0 0 3px 3px; background: var(--accent);
}

/* Menu "Plus" supprimé — issue #228 (Corps+Résumé retirés, Tendances promu en onglet direct) */

/* Icône Goggins dans la tabbar — issue #228 */
.tab-ico-goggins { display: flex; align-items: center; justify-content: center; }
.goggins-icon { border-radius: 50%; display: block; }