/* Hooper Earthworks: this site's own fixes, loaded after the kit (served as css/site-overrides.css). */

/* Home "Why Choose Us" (2026-09-30, a live-site fault fixed, not copied): the section's background is a
   left-to-right dark-to-clear gradient meant to sit behind the photo on desktop. Once the columns stack
   (980px and below) the dark text runs across the dark half of it and is hard to read. Plain light
   background there, the same grey as the Services and Working Process sections. */
@media (max-width: 980px) {
  body.home .et_pb_section.et_pb_section_4 {
    background-image: none !important;
    background-color: #f3f3f3 !important;
  }
}

/* Round call button: one colour on every page (the site's dark grey button colour, white icon). The kit
   copies the first visible button on each page, which here was white on Home and grey on the others. */
.wd-call {
  --wd-accent: #4e4e4e !important;
  --wd-call-fg: #ffffff !important;
}

/* Footer Instagram icon (2026-09-30, a live-site fault): its link is "#", so it goes nowhere on every
   page. Hidden until Rob has the client's Instagram address; Facebook stays. */
.et_pb_social_media_follow li.et-social-instagram:has(> a[href="#"]) { display: none !important; }

/* Audit 2026-10-07. Home quote form: it sits in a dark (#222) card, but the hosted form has one theme for
   the whole site and the Contact page's form sits on white, so its labels are dark. A white panel behind
   the form on Home keeps every label and the button readable on both pages. */
body.page-id-463 .et_pb_contact_form_0 .quote-form {
  background: #ffffff; border-radius: 6px; padding: 16px;
}