/* Overrides layered on top of the Divi CSS carried over from the live site.
   These replace behaviour Divi's (removed) JavaScript used to provide. */

/* Desktop dropdowns: Divi toggles .et-hover with JS; also support keyboard focus. */
.et-menu li.menu-item-has-children:hover > .sub-menu,
.et-menu li.menu-item-has-children:focus-within > .sub-menu,
.et-menu li.et-hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}


/* Lead form status line */
.js-lead-form .form-status {
  margin-top: 12px;
  font-weight: 600;
}
.js-lead-form .form-status:empty { display: none; }

/* Maintenance plans pay-period buttons: the live site swaps in tighter padding on phones (Divi device content). */
@media (max-width: 767px) {
  #btn-group a { padding: 9px 9px; }
}

/* ---- Phone layout fixes: tables ----
   Content tables with a fixed width attribute (e.g. width="511" on /specials/) overflowed phones. */
@media only screen and (max-width: 767px) {
  #et-main-area table,
  .elementor table { max-width: 100% !important; height: auto !important; }
  #et-main-area td,
  .elementor td { word-break: break-word; }
}

/* Never allow sideways scrolling (e.g. Trustindex's hidden tooltips extend past the screen edge).
   `clip` rather than `hidden` so the sticky header keeps working. */
html, body { overflow-x: clip; }

/* /maintenance-plans/: the second (mobile) copy of the page heading is an H2 so the page has one H1;
   style it like the H1 it replaced. */