/*
 * Visibility rules for the exported static site.
 *
 * marketing.css styles the mega-menu and the mobile drawer but never hides
 * them: in the Next.js app React only mounts those elements while they are
 * open, so "closed" needed no CSS. The static export ships them in the markup
 * permanently, so closed has to mean something here.
 *
 * Everything else on the page is styled by the app's own stylesheets, exactly
 * as the Next.js version serves them.
 */

/* --- mega-menu ----------------------------------------------------------- */

.ofhl-marketing .d-menu .nav-item .mega-panel {
  display: none;
}

.ofhl-marketing .d-menu .nav-item.open .mega-panel {
  display: block;
}

/* --- mobile drawer ------------------------------------------------------- */

/* [hidden] alone loses to marketing.css's display rules on these elements. */
.ofhl-marketing .m-menu .m-navbar[hidden],
.ofhl-marketing .m-menu .m-column[hidden] {
  display: none;
}

/* --- form feedback ------------------------------------------------------- */

/*
 * The React forms render a .form-note only after a submission resolves. Here
 * the element is created empty by static-site.js and revealed once it has
 * something to say.
 */
.ofhl-marketing .form-note:empty {
  display: none;
}

.ofhl-marketing form[data-static-form][data-pending] {
  opacity: 0.7;
}

.ofhl-marketing form[data-static-form][data-pending] button[type='submit'] {
  pointer-events: none;
}