/* Site overrides (loaded last) */

/* Companion to the width/height attributes on <img>: keep the intrinsic
   aspect ratio instead of using the literal height attribute, which would
   otherwise stretch images that CSS sizes to width:100% (hero/footer logo,
   content images). Inline styles (e.g. the nav logo's fixed height) still win. */
img {
  height: auto;
  max-width: 100%;
}

/* Form pages (Contact Us / Free Estimate). The embed lands inside .card (a
   column flexbox) and Jobber's stylesheet gives it `margin: 0 auto`. An auto
   cross-axis margin suppresses the flex item's default stretch, so the wrapper
   collapsed to the iframe's intrinsic 300px. An explicit width — not just a
   max-width — makes it fill the column again, which lets the page keep the
   site-wide container width instead of being squeezed down to the embed. */
.form-page .jobber-inline-work-request,
.form-page iframe.jobber-work-request {
  width: 100%;
  max-width: 100%;
}
.form-page iframe.jobber-work-request {
  display: block;
}

/* Pages with no hero must clear the fixed navbar themselves
   (logo is 9rem on desktop, 5rem below 991px). */
.page-offset-nav {
  padding-top: 11rem !important;
}
@media (max-width: 991px) {
  .page-offset-nav {
    padding-top: 7.5rem !important;
  }
}

/* Nav hover highlight: the theme fills the link with a fixed 200px inset
   box-shadow, so longer items ("COMMERCIAL LANDSCAPING") were only partly
   covered. Widen the fill so it always spans the full link, keeping the
   left-to-right wipe. */
.cid-v5v6kKzTMz .nav-item .nav-link:hover,
.cid-v5v6kKzTMz .nav-item .nav-link:focus {
  box-shadow: inset 400px 0 0 0 #000000;
  /* Theme sets dark grey (#3b3b39) on the black fill — unreadable. */
  color: #ffffff !important;
}

/* "Read More Reviews on Google" — brand green + underline so it reads as a link. */
a.review-link {
  color: #0c9e4b;
  text-decoration: underline;
}
a.review-link:hover,
a.review-link:focus {
  color: #0a7f3c;
  text-decoration: underline;
}