/* Decking page: reveal panels and jump targets. Loaded in the page head so the
   panels never flash open while the page loads. */

/* The inspiration and calculator panels stay closed until their link is
   clicked. They are left visible inside the Avada Live editor so they can be
   edited.
   Closed panels are collapsed to zero height rather than display:none, so
   carousels and sliders inside them can still measure their width and set
   themselves up correctly before the panel is opened. */
body:not(.fusion-builder-live) #decking-inspiration:not(.lml-open),
body:not(.fusion-builder-live) #decking-materials-calculator:not(.lml-open) {
  height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  overflow: hidden !important; visibility: hidden !important; pointer-events: none !important;
}

#decking-inspiration.lml-open,
#decking-materials-calculator.lml-open { animation: lml-panel-in .5s cubic-bezier(.32, .72, 0, 1) both; }
@keyframes lml-panel-in { from { opacity: 0; transform: translateY(16px); } }

/* Leave room for the sticky header when jumping to a section. Raise or lower
   this number if a jump lands too high or too low. */
#decking-contact, #decking-inspiration, #decking-materials-calculator, #lml-results { scroll-margin-top: 110px; }
#decking-contact:focus, #decking-inspiration:focus, #decking-materials-calculator:focus { outline: 0; }

@media (prefers-reduced-motion: reduce) {
  #decking-inspiration.lml-open, #decking-materials-calculator.lml-open { animation: none; }
}

/* The calculator runs edge to edge: drop the Avada container's side padding. */
#decking-materials-calculator.lml-open { padding-left: 0 !important; padding-right: 0 !important; }