/*
 * bb-gact.css — Google Ads Conversion Tracking Page
 * Scope: /google-ads-conversion-tracking/ only
 * Deps: bb-globals, bb-additional, bb-pillar (NO bb-ga4 or bb-ct dependency)
 * Self-contained: includes shared visual classes from bb-ct.css and bb-ga4.css
 * that are not yet in bb-pillar.css.
 *
 * REUSED FROM bb-pillar.css (never redeclare):
 * bb-at-check-*, bb-process-*, bb-before-after-*, bb-pricing-maturity-*,
 * bb-unlock-*, bb-pricing-*, bb-proof-*, bb-cases-grid, bb-case-*,
 * bb-faq-*, bb-related-*, bb-final-*, bb-scarce, bb-soft-cta,
 * bb-btn-*, bb-problem-pillar, bb-diag, bb-method, bb-audit,
 * bb-ga4-flow-* (in bb-pillar from earlier migration)
 */

.bb-ct-compare-section {
  background: #FAFAFA;
  padding: 96px 0;
}

.bb-ct-white{
	padding-bottom: 70px;
}

/* ═══════════════════════════════════════════════════════════
   PAGE-SPECIFIC ADDITIONS
═══════════════════════════════════════════════════════════ */

.bb-ct-warn-card {
  padding: 18px 22px;
  background: rgba(237,75,0,0.08);
  border: 1px solid rgba(255,106,0,0.15);
  border-left: 3px solid #ED4B00;
  border-radius: 0 8px 8px 0;
  margin: 4px 0;
}

.bb-ct-warn-card p {
  font-size: 0.875rem;
  color: #2B3542;
  line-height: 1.65;
  margin: 0;
}

.bb-ct-warn-card p strong { color: #111827; }

/* bb-btn-lg — large CTA button (used in final CTA) */
.bb-btn-lg {
  padding: 14px 32px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

/* Cases grid 2-col override — prevent empty third slot */
.bb-proof .bb-cases-grid {
  grid-template-columns: repeat(2, 1fr) !important;
}

/* Related card text overrides on dark bg */
.bb-related .bb-related-card h3 {
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin: 10px 0 12px !important;
  line-height: 1.3 !important;
}

.bb-related .bb-related-card p {
  color: rgba(255,255,255,0.72) !important;
  font-size: 0.84rem !important;
  line-height: 1.65 !important;
  flex: 1 !important;
  margin-bottom: 18px !important;
}

.bb-related .bb-related-card .bb-case-pill {
  color: #FF6A00 !important;
  background: rgba(255,106,0,0.1) !important;
  border: 1px solid rgba(255,106,0,0.2) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-self: flex-start !important;
  width: auto !important;
  max-width: fit-content !important;
  margin-bottom: 12px !important;
}

.bb-ct-warn-icon {
  margin-left: auto;
  font-size: 0.72rem;
  color: #DC2626;
  flex-shrink: 0;
}

.bb-final-inner { max-width: 720px; }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */

@media (max-width: 600px) {
  .bb-proof .bb-cases-grid     { grid-template-columns: 1fr !important; }
  .bb-btn-lg                   { padding: 12px 24px !important; font-size: 0.95rem !important; }
  .bb-ct-compare-section {  padding: 56px 0; }
}