/* Accessibility fixes of every page (loaded last in <head> by src/lib/a11y.mjs). The site's greens themselves are the
   AA-contrast brand greens #4F7628 and #3F7A24 in every stylesheet. */

/* Links inside running text are underlined, so they stand apart from the words around them without relying on color */
.elementor-widget-text-editor p a:not([class]),
.elementor-widget-text-editor li a:not([class]),
.elementor-widget-theme-post-content p a:not([class]),
.et_pb_text_inner p a:not([class]),
.e2-sec p a:not([class]),
.e2-sec li a:not([class]) {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Required-field star on the forms: red at 4.5:1 on white */
.wpforms-required-label,
.frm_required {
  color: #c00000 !important;
}

/* The review widget never makes the page wider than the screen (reflow at 320 px) */
.ti-widget {
  max-width: 100%;
  overflow-x: clip;
}

/* Full-width sections stay inside the screen: side margins on phones, and headings that slide in from the side while
   their entrance animation runs, never make the page scroll sideways */
.e-con.e-parent {
  overflow-x: clip;
}
@media (max-width: 767px) {
  .e-con.e-parent {
    max-width: calc(100% - var(--margin-left, 0px) - var(--margin-right, 0px));
  }
}

/* The data-sharing notice under each lead form at full strength (it sat at 85% opacity) */
.nz-form-notice {
  opacity: 1 !important;
}

/* Review widget: the "Read more" link on its grey cards */
.ti-widget .ti-read-more-active,
.ti-widget .ti-read-more span {
  color: #555555 !important;
  opacity: 1 !important;
}

/* Post lists: date, comment count and excerpt in the site's text grey (the widget default was a light grey) */
.elementor-posts .elementor-post__meta-data,
.elementor-posts .elementor-post__excerpt p {
  color: #6e6e6e;
}

/* Service cards on a green section: a darker tint under their white text (a light tint left it at 3.9:1) */
.service-card {
  background: rgba(0, 0, 0, 0.14) !important;
}
.service-card:hover {
  background: rgba(0, 0, 0, 0.22) !important;
}
