/* ==========================================================================
   Shared "list your business" CTA band — the ONE design used everywhere a
   page invites a visitor to list their business, whether the full-width
   bottom-of-page version (home, blog posts) or the compact sidebar version
   (FAQ, review guidelines, add-your-business). Same "one component, hardcoded
   brand colors, no Bootstrap/Tailwind utility class names" approach as
   bl-footer.css, so it never drifts out of sync and works on every page
   regardless of which CSS framework that page loads.
   ========================================================================== */

.bl-cta-band {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #FDF3DC 0%, #FFFFFF 100%);
  border: 1px solid #E6E8EC;
  border-radius: 1.25rem;
  padding: 2.75rem 2rem;
  text-align: center;
  color: #3C4250;
}
.bl-cta-band::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 85% 20%, rgba(233, 164, 0, .18), transparent 60%);
}
.bl-cta-band > * { position: relative; z-index: 1; }

.bl-cta-title { font-size: 1.5rem; font-weight: 700; color: #1B1F27; margin: 0 0 .5rem; }
.bl-cta-text { color: #3C4250; margin: 0 auto 1.25rem; max-width: 36rem; }

.bl-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border-radius: 999px;
  background: #E9A400;
  color: #1B1F27;
  font-weight: 600;
  padding: .75rem 1.5rem;
  box-shadow: 0 2px 8px rgba(233, 164, 0, .28);
  text-decoration: none;
  transition: background-color .18s ease;
}
.bl-cta-btn:hover { background: #B98000; color: #1B1F27; }

/* Compact sidebar variant (FAQ, review guidelines, add-your-business) */
.bl-cta-band.bl-cta-compact { padding: 1.75rem 1.5rem; text-align: left; }
.bl-cta-band.bl-cta-compact .bl-cta-title { font-size: 1.15rem; }
.bl-cta-band.bl-cta-compact .bl-cta-text { font-size: .875rem; margin-left: 0; margin-bottom: 1rem; }
.bl-cta-band.bl-cta-compact .bl-cta-btn { padding: .5rem 1.25rem; font-size: .875rem; }