/* ------------------------------------------------------------
   Hero Right Edge Center Lock
   Version: 1.5.63-wo60
   Scope: Right Edge Image Hero only.
   Purpose: keep the image touching the true right edge horizontally while
   preventing the media from behaving like a bottom-aligned edge panel.
------------------------------------------------------------- */

/* Right Edge Image Hero is a horizontal edge layout, not a bottom-edge layout.
   Previous recovery files removed the right gutter but also forced bottom
   padding to 0 and stretched the media lane, which made the image read as
   bottom-aligned. This final lock restores vertical padding and centers the
   media beside the copy. */

@media (min-width: 992px){
  body .vh-layout-hero.vh-hero-layout-right_edge_image{
    display: flex !important;
    align-items: center !important;
    padding-right: 0 !important;
    padding-top: var(--vh-context-hero-padding-top, var(--vh-section-pad-top, clamp(5rem, 7vw, 7rem))) !important;
    padding-bottom: var(--vh-context-hero-padding-bottom, var(--vh-section-pad-bottom, clamp(5rem, 7vw, 7rem))) !important;
    min-height: auto !important;
    overflow: hidden !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image > .container{
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-wrap{
    --bs-gutter-x: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    align-items: center !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-copy{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding-left: max(1.5rem, calc((100vw - 1140px) / 2 + 3rem)) !important;
    padding-right: clamp(1.5rem, 4vw, 4.5rem) !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-media-col{
    display: flex !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 0 !important;
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-media--right-edge{
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 0 auto !important;
    transform: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-media--right-edge > img,
  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-media--right-edge img{
    display: block !important;
    width: 100% !important;
    height: clamp(28rem, 58vh, 42rem) !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}

@media (min-width: 1400px){
  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-copy{
    padding-left: max(1.5rem, calc((100vw - 1320px) / 2 + 3rem)) !important;
  }
}

@media (min-width: 600px) and (max-width: 991.98px){
  body .vh-layout-hero.vh-hero-layout-right_edge_image{
    padding-top: var(--vh-context-hero-padding-top-tablet, var(--vh-section-pad-top, clamp(4.5rem, 8vw, 6rem))) !important;
    padding-bottom: var(--vh-context-hero-padding-bottom-tablet, var(--vh-section-pad-bottom, clamp(4.5rem, 8vw, 6rem))) !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-wrap,
  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-media-col{
    align-items: center !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-media--right-edge > img,
  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-media--right-edge img{
    height: auto !important;
    max-height: none !important;
    object-position: center center !important;
  }
}

@media (max-width: 599.98px){
  body .vh-layout-hero.vh-hero-layout-right_edge_image{
    padding-top: var(--vh-context-hero-padding-top-mobile, var(--vh-section-pad-top, clamp(4rem, 12vw, 5.5rem))) !important;
    padding-bottom: var(--vh-context-hero-padding-bottom-mobile, var(--vh-section-pad-bottom, clamp(4rem, 12vw, 5.5rem))) !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-wrap,
  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-right-edge-media-col{
    align-items: center !important;
  }

  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-media--right-edge > img,
  body .vh-layout-hero.vh-hero-layout-right_edge_image .vh-hero-media--right-edge img{
    height: auto !important;
    max-height: none !important;
    object-position: center center !important;
  }
}