/* ==========================================================================
   BRIXVEN — Google Ads landing page template
   Minimal navbar (no nav links) + sticky mobile CTA bar. Everything else
   on an ad landing page reuses the normal section components/CSS.
   ========================================================================== */

.ad-navbar__phone {
  font-size: var(--text-small);
  font-weight: var(--weight-semibold);
  color: var(--color-text);
}

@media (max-width: 640px) {
  .ad-navbar__phone { display: none; }
  .ad-navbar .btn { padding: 12px 18px; font-size: 0.7rem; }
}

/* ---------------------------------------------------------------------- */
/* Sticky mobile CTA bar                                                    */
/* ---------------------------------------------------------------------- */

.sticky-cta {
  display: none;
}

@media (max-width: 720px) {
  .sticky-cta {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--z-nav);
    background: var(--color-card);
    border-top: 1px solid var(--color-border);
    box-shadow: 0 -8px 24px rgba(17, 17, 17, 0.08);
    padding: 10px env(safe-area-inset-right) calc(10px + env(safe-area-inset-bottom)) env(safe-area-inset-left);
  }

  /* Give the page enough bottom breathing room that the sticky bar never
     covers the final CTA/footer content on short pages. Applies whenever
     the sticky bar is present, not just on dedicated ad pages — the
     homepage includes it too. */
  body:has(.sticky-cta) {
    padding-bottom: 64px;
  }
}

.sticky-cta__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: var(--weight-semibold);
  color: var(--color-text);
  padding: 8px 4px;
  border-right: 1px solid var(--color-border);
}

.sticky-cta__item:last-child {
  border-right: none;
}

.sticky-cta__item--primary {
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: var(--radius-input);
  margin: -6px 0;
}