/* Page-level fixes from QA, loaded after overrides.css. */

/* Phones: the theme hid the whole header contact block under 768px. Keep the tap-to-call number, drop the email. */
@media screen and (max-width: 768px) {
  .header__contact { display: flex !important; justify-content: center !important; margin-top: 6px; }
  .header__contact--email { display: none !important; }
  .header__contact--phone { margin-left: 0 !important; }
  .header__contact-link--big { padding: 4px 0; }
}

/* Phone menu button: a 44x44 tap area (the icon glyph itself is 32px). */
.et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; line-height: 1; }
.et_pb_menu__wrap .et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before { position: static; }

/* Text contrast: home FAQ grey (3.3:1 on #f7f7f7) and the peach "Call us today to receive a" line on white (1.5:1). */
.home .et_pb_text_17.et_pb_text, .home .et_pb_text_18.et_pb_text, .home .et_pb_text_20.et_pb_text,
.home .et_pb_text_21.et_pb_text, .home .et_pb_text_23.et_pb_text, .home .et_pb_text_24.et_pb_text { color: #595959 !important; }
.page-id-378 .et_pb_text_27.et_pb_text, .page-id-476 .et_pb_text_27.et_pb_text { color: #a0521d !important; }
.contact-us__link { color: #5a2c1c !important; }

/* Home "Call Us Today" band: the phone button was wider than a small phone screen. */
@media screen and (max-width: 480px) {
  .et_pb_button_4_wrapper .et_pb_button_4 { padding: 10px 18px !important; }
  body #page-container .et_pb_section .et_pb_button_4 { font-size: 24px; max-width: 100%; box-sizing: border-box; white-space: nowrap; }
  body #page-container .et_pb_section .et_pb_button_4:before { display: none; }
}

/* Form fields at 16px on phones, so iPhones do not zoom in when a field is tapped. */
@media screen and (max-width: 767px) {
  .banner__form-input, .banner__form-textarea, .quote__form-input, .quote__form-textarea, .quote__form-select,
  .contact-us__form-input, .contact-us__form-textarea, .contact-us__form-select { font-size: 16px !important; }
}

/* Quote form near the top of the service pages. */
.svc-quote { background: #5a2c1c; padding: 40px 20px; }
.svc-quote__inner { max-width: 520px; margin: 0 auto; }
.svc-quote .banner__form { padding: 30px 25px; }
