/* =============================================================
   empty-mobile.css — empty states + mobile action bar
   ============================================================= */

/* Empty state primitive */
.sbt-empty{
  text-align:center;
  padding:var(--sbt-space-7) var(--sbt-space-5);
  background:linear-gradient(135deg, var(--sbt-mist) 0%, color-mix(in srgb, var(--sbt-sage) 18%, transparent) 100%);
  border-radius:var(--sbt-radius-lg);
  border:1px dashed rgba(107,66,38,.18);
  margin:var(--sbt-space-5) 0;
}
.sbt-empty__lede{
  font-family:var(--sbt-font-editorial);
  font-size:1.35rem;
  color:var(--sbt-basil);
  margin:0 0 .5rem;
}
.sbt-empty p{ color:var(--sbt-rustic); margin:0 auto; max-width:48ch }
.sbt-empty__cta{ margin-top:var(--sbt-space-4) }

/* Mobile bottom action bar — tool pages get a sticky thumb-reachable nav */
.sbt-mobilebar{
  position:fixed; left:0; right:0; bottom:0; z-index:40;
  display:none;
  padding: .6em .8em calc(.6em + env(safe-area-inset-bottom));
  background:rgba(255,247,236,.96);
  backdrop-filter: saturate(160%) blur(10px);
  -webkit-backdrop-filter: saturate(160%) blur(10px);
  border-top:1px solid rgba(107,66,38,.14);
  box-shadow: 0 -10px 30px -12px rgba(20,36,28,.18);
  justify-content:space-around;
  gap:.4em;
}
.sbt-mobilebar a{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  padding:.4em .2em;
  color:var(--sbt-rustic);
  text-decoration:none;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:uppercase;
  border-radius:var(--sbt-radius-sm);
  min-height:48px; /* thumb-friendly tap target */
}
.sbt-mobilebar a .sbt-icon{ width:22px; height:22px }
.sbt-mobilebar a.is-current{
  color:var(--sbt-basil);
  background:color-mix(in srgb, var(--sbt-sage) 28%, transparent);
}
.sbt-mobilebar a:hover{ color:var(--sbt-basil) }

@media (max-width: 900px){
  .sbt-mobilebar{ display:flex }
  /* Leave room for the bar at the bottom of every tool page */
  body.sbt-has-mobilebar{ padding-bottom: calc(70px + env(safe-area-inset-bottom)) }
}

/* Hide mobile bar in print + cooking mode */
@media print{ .sbt-mobilebar{ display:none !important } }
body.is-cooking-mode .sbt-mobilebar{ display:none !important }