/**
 * Task #1532927 — Homepage Visual Bugfixes
 * Owns: Carousel dot reset, How It Works decorative dot removal,
 *       CTA subtext centering, Trustpilot badge completeness.
 * Does NOT own: layout, typography, animations, other page styles.
 *
 * Fixes:
 * 1. Carousel indicators — flat circles (no pill/3D shapes)
 * 2. How It Works decorative dots — removed background radial gradients
 * 3. CTA subtext — forced center alignment
 * 4. Trustpilot badge — now shows 4.8/5 with 5 stars (in layout-foot.ejs)
 */

/* ── 1. Carousel indicators: flat circles only ── */
html body .tc-dot,
html body button.tc-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #d1d5db !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
html body .tc-dot.active,
html body button.tc-dot.active {
  background: #00875A !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
}

/* ── 2. How It Works: remove pseudo-element decorative dots ── */
html body .hiw-section::before,
html body .hiw-section::after {
  display: none !important;
  content: none !important;
}

/* ── 3. CTA subtext: center alignment ── */
html body .hiw-cta-note,
html body .hiw-cta-row p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
html body .hiw-cta-row {
  text-align: center !important;
}

/* ── 4. Trustpilot badge — ensure stars render correctly in footer ── */
html body .sr-ft-trust-badge svg[fill="#00b67a"] {
  display: inline-block !important;
  vertical-align: middle !important;
}
html body a.sr-ft-trust-badge {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}
html body a.sr-ft-trust-badge strong {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
}