/*
 * Mackie Homes - state styles that the JS toggles.
 * Paste into: Simple CSS and JS plugin -> Add Custom CSS (site-wide).
 * Everything is scoped under .mh-js (added by mackie-homes.js), so the page still
 * renders correctly (first slide, first image, Beckwith selected) if JS fails.
 */

/* Story slides */
.mh-js .mh-story-slide {
  opacity: 0 !important;
  pointer-events: none !important;
}
.mh-js .mh-story-slide.is-active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Community card slider dots */
.mh-js .mh-dot {
  background-color: transparent !important;
}
.mh-js .mh-dot.is-active {
  background-color: #ffffff !important;
}

/* Mobile menu */
@media (max-width: 1024px) {
  .mh-header-nav.is-open {
    display: flex !important;
  }
}

/* Smooth anchor scrolling, but not while the Story section is scroll-driven */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}