/*
 * Halcyon Site Core / Site UI
 *
 * Desktop homepage Hero only. The source Slider Revolution slides, settings
 * and page content remain untouched; this presentation simply holds visitors
 * on the already-complete first message and removes unused carousel controls.
 */

/* About Us and Factory already introduce themselves in their opening visual.
 * Keep the migrated page-title H1 available to search engines and assistive
 * technology, but remove its duplicate white visual strip from the visitor
 * journey. The page content, URL and SEO title remain unchanged. */
#halcyon-native-page-heading-about-us,
#halcyon-native-page-heading-factory {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

#halcyon-native-page-heading-about-us .gdlr-core-title-item-title,
#halcyon-native-page-heading-factory .gdlr-core-title-item-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (min-width: 1200px) {
  /*
   * The recovered Slider Revolution hero was designed with a 710px canvas,
   * but the custom Slider element was being laid out as an inline element.
   * Its configured height was consequently ignored and the message was
   * compressed into a 580px frame. Keep the legacy slide data intact while
   * restoring its intended desktop canvas and balancing the text block.
   */
  body.home #SR7_1_1,
  body.home #SR7_1_1 > sr7-content,
  body.home #SR7_1_1 > sr7-content > sr7-slide,
  body.home #SR7_1_1 > sr7-content > sr7-slide > sr7-mask {
    display: block !important;
    height: 710px !important;
    min-height: 710px !important;
  }

  /* Keep the legacy Goodlayers section in step with the restored canvas.
   * Without this, its old 580px height lets the next three feature panels
   * rise into the lower part of the hero. */
  body.home .gdlr-core-revolution-slider-item:has(> #SR7_1_1),
  body.home .gdlr-core-pbf-element:has(#SR7_1_1),
  body.home .gdlr-core-pbf-wrapper-container:has(#SR7_1_1),
  body.home .gdlr-core-pbf-wrapper-content:has(#SR7_1_1),
  body.home .gdlr-core-pbf-wrapper:has(#SR7_1_1) {
    height: 710px !important;
    min-height: 710px !important;
  }

  body.home #SR7_1_1-1-1,
  body.home #SR7_1_1-1-2,
  body.home #SR7_1_1-1-3,
  body.home #SR7_1_1-1-4,
  body.home #SR7_1_1-1-6 {
    /* Keep the complete message group in the visual centre of the 710px
     * canvas, rather than leaving it in the old 580px slider position. */
    translate: 0 110px !important;
  }

  /* The legacy slide's dark shape was still only 580px high and sat above
   * the type.  Extend it to the recovered canvas and keep it below the
   * message layers so the whole image is consistently shaded and readable. */
  body.home #SR7_1_1-1-9 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 710px !important;
    min-height: 710px !important;
    background: rgba(5, 12, 19, 0.56) !important;
    z-index: 8 !important;
    pointer-events: none !important;
  }

  /* Keep the original slide background canvas aligned with the visual
   * canvas.  Its source image and Slider Revolution configuration remain
   * untouched. */
  body.home #SR7_1_1-1-10,
  body.home #SR7_1_1-1-10 canvas {
    height: 710px !important;
    min-height: 710px !important;
  }

  body.home #SR7_1_1-1,
  body.home #SR7_1_1-1 .sr7-layer {
    animation: none !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.home #SR7_1_1 sr7-slide:not(#SR7_1_1-1):not(.sr7-staticslide) {
    display: none !important;
  }

  body.home #SR7_1_1 .sr7-bullets,
  body.home #SR7_1_1 .sr7-leftarrow,
  body.home #SR7_1_1 .sr7-rightarrow {
    display: none !important;
  }
}