/* Home — mobile sticky bottom action bar. A fixed, thumb-reachable CTA that
   slides up once the hero scrolls out of view (state driven by
   sticky_cta_controller.js). Mobile only; hidden entirely on desktop. */

.bido-home-mobile-bar {
  display: none;
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 60;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  background: linear-gradient(to top, var(--bido-navy) 32%, rgba(var(--bx-navy-rgb),0));
  border-block-start: 1px solid var(--bx-line-2);
  transform: translateY(110%);
}

.bido-home-mobile-bar.visible {
  transform: translateY(0);
}

@media (prefers-reduced-motion: no-preference) {
  .bido-home-mobile-bar {
    transition: transform 0.25s ease;
  }
}

.bido-home-mobile-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.bido-home-mobile-bar-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.bido-home-mobile-bar-pre {
  font-size: var(--bx-text-3xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--bx-good-ink);
}

.bido-home-mobile-bar-price {
  font-size: var(--bx-text-lg);
  font-weight: 800;
  color: var(--bx-ink);
}
.bido-home-mobile-bar-price strong {
  color: var(--bido-cyan);
  font-weight: 800;
}

.bido-home-page .bido-home-mobile-bar-cta {
  flex: 0 0 auto;
  min-height: var(--bx-control-h-lg);
  font-weight: 800;
}

/* Mobile tier — show the bar and reserve room below the footer so it never
   covers the last row of links. */
@media (max-width: 48rem) {
  .bido-home-mobile-bar {
    display: block;
  }
  .bido-home-footer {
    padding-block-end: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}