/*
 * Global mobile CLS stabilizer for Jupiter full-height sections.
 * Uses the actual #theme-page top padding as offset to avoid "double subtract"
 * issues with custom fixed-header snippets.
 */

:root {
  --mk-header-h: 50px;
  --mk-adminbar-h: 0px;
}

body.admin-bar {
  --mk-adminbar-h: 46px;
}

@media (min-width: 783px) {
  body.admin-bar {
    --mk-adminbar-h: 32px;
  }
}

html body .mk-page-section[data-mk-component="FullHeight"],
html body .mk-page-section.bekaa-stable-fullscreen,
html body .mk-page-section.bekaa-hero {
  min-height: 100vh !important;
}

@media only screen and (max-width: 767px) {
  html body .mk-page-section[data-mk-component="FullHeight"],
  html body .mk-page-section.bekaa-stable-fullscreen,
  html body .mk-page-section.bekaa-hero {
    min-height: calc(100vh - var(--mk-header-h, 50px) - var(--mk-adminbar-h, 0px)) !important;
  }
}

@supports (height: 100svh) {
  @media only screen and (max-width: 767px) {
    html body .mk-page-section[data-mk-component="FullHeight"],
    html body .mk-page-section.bekaa-stable-fullscreen,
    html body .mk-page-section.bekaa-hero {
      min-height: calc(100svh - var(--mk-header-h, 50px) - var(--mk-adminbar-h, 0px)) !important;
    }
  }
}

/* Reserve logo space to prevent late lazy-load header reflow. */
.header-logo .mk-desktop-logo img,
.header-logo img.mk-resposnive-logo,
.header-logo img.mk-sticky-logo {
  width: 80px !important;
  height: auto !important;
  aspect-ratio: 2516 / 1989;
  display: block;
}