/**
 * Homepage v2 redesign overrides: section-background parity (after the
 * inserted slider sections), clickable trust badge, centered+compact mobile
 * cards, tighter homepage section padding.
 */

/* restore alternating section backgrounds after the 3 inserted ba-sections */
.why-choose-us { background-color: var(--wp--preset--color--base) !important; }
.how-it-works { background-color: var(--wp--preset--color--neutral) !important; }
.testimonials-section { background-color: var(--wp--preset--color--base) !important; }
.testimonials-section .testimonial-card { background: var(--wp--preset--color--neutral); }
/* clickable "800+ Five-Star Reviews" trust item (Clarity dead-click fix) */
.trust-item a { color: inherit; text-decoration: none; }
.trust-item a:hover { text-decoration: underline; text-underline-offset: 2px; }
.service-area { background-color: var(--wp--preset--color--neutral) !important; }

/* --- mobile compaction --- */
@media (max-width: 767px) {
  body.home { --section-padding: 2.25rem; }
  /* feature cards: centered like the live site, but compact padding (Mike's "align like current") */
  .why-choose-us .feature-card { text-align: center; padding: 1.25rem 1.1rem; }
  .why-choose-us .feature-icon { margin: 0 auto 0.6rem; width: 48px; height: 48px; }
  .why-choose-us .feature-icon svg { width: 26px; height: 26px; }
  .why-choose-us .feature-title { margin: 0 0 0.35rem; font-size: 1.0625rem; }
  .why-choose-us .feature-desc { margin: 0; font-size: 0.9375rem; line-height: 1.5; }
  /* what-we-do: two compact tiles per row, descriptions hidden */
  .services-showcase .card-grid.wp-block-group { grid-template-columns: 1fr 1fr !important; gap: 0.75rem; }
  .services-showcase .feature-card { padding: 1rem 0.75rem; text-align: center; margin: 0; }
  .services-showcase .feature-icon { margin: 0 auto; }
  .services-showcase .feature-desc { display: none; }
  .services-showcase .feature-title { font-size: 0.9375rem; margin: 0.5rem 0 0.25rem; }
  .services-showcase .feature-link { margin: 0; font-size: 0.8125rem; }
  /* step cards: centered like the live site, but compact padding */
  .how-it-works .step-card { text-align: center; padding: 1.25rem 1.1rem; }
  .how-it-works .step-number { margin: 0 auto 0.6rem; width: 48px; height: 48px; line-height: 48px; }
  .how-it-works .step-title { margin: 0 0 0.35rem; font-size: 1.0625rem; }
  .how-it-works .step-desc { margin: 0; font-size: 0.9375rem; line-height: 1.5; }
}

/* homepage FAQ section: white so it alternates with the grey service-area above,
   plus proper section padding (the group shipped with none) */
.faq-homepage {
	background-color: var(--wp--preset--color--base) !important;
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
	margin-block-start: 0 !important;
}
.faq-homepage > .wp-block-heading {
	margin-bottom: 1.5rem;
}