/* Jove header states
   Background color is managed in Woodmart Header Builder.
   Home: liquid glass at top, Woodmart background when sticky.
   All other pages: Woodmart header background in every state. */

body .whb-header .whb-main-header .whb-row.whb-general-header.whb-sticky-row {
  position: relative;
  isolation: isolate;
  border: 0;
  overflow: visible;
  transition: background-color .28s ease, box-shadow .28s ease, backdrop-filter .28s ease;
}

body .whb-header .whb-main-header .whb-row.whb-general-header.whb-sticky-row::before,
body .whb-header .whb-main-header .whb-row.whb-general-header.whb-sticky-row::after {
  content: "";
  position: absolute;
  inset: 0;
  display: none;
  pointer-events: none;
  border-radius: inherit;
}

body .whb-header .whb-general-header > .container {
  position: relative;
  z-index: 2;
}

/* Non-glass states inherit their background from Woodmart Header Builder. */
body:not(.home) .whb-header .whb-main-header .whb-row.whb-general-header.whb-sticky-row,
body.home .whb-header.whb-sticked .whb-main-header .whb-row.whb-general-header.whb-sticky-row {
  box-shadow: 0 4px 22px rgb(0 0 0 / 24%) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Liquid glass is used only on the home page before scrolling. */
body.home .whb-header:not(.whb-sticked) .whb-main-header .whb-row.whb-general-header.whb-sticky-row {
  background: transparent !important;
  box-shadow: 0 4px 24px rgb(0 0 0 / 14%) !important;
}

body.home .whb-header:not(.whb-sticked) .whb-main-header .whb-row.whb-general-header.whb-sticky-row::before {
  display: block;
  z-index: 0;
  background: rgb(18 18 22 / 10%);
  -webkit-backdrop-filter: blur(12px) saturate(145%);
  backdrop-filter: blur(12px) saturate(145%);
}

@supports (backdrop-filter: url("#jove-header-distortion")) {
  body.home .whb-header:not(.whb-sticked) .whb-main-header .whb-row.whb-general-header.whb-sticky-row::before {
    backdrop-filter: url("#jove-header-distortion") blur(6px) saturate(1.4);
  }
}

body.home .whb-header:not(.whb-sticked) .whb-main-header .whb-row.whb-general-header.whb-sticky-row::after {
  display: block;
  z-index: 1;
  background:
    radial-gradient(circle at 16% -35%, rgb(255 255 255 / 24%), transparent 42%),
    linear-gradient(115deg, rgb(255 255 255 / 13%), transparent 42%, rgb(255 255 255 / 5%));
  box-shadow: inset 0 1px rgb(255 255 255 / 24%), inset 0 -1px rgb(255 255 255 / 10%);
}

body.home .whb-header.whb-sticked .whb-main-header .whb-row.whb-general-header.whb-sticky-row::before,
body.home .whb-header.whb-sticked .whb-main-header .whb-row.whb-general-header.whb-sticky-row::after {
  display: none !important;
}

/* Keep the home hero underneath the transparent initial header. */
body.home .whb-header:not(.whb-sticked) {
  height: 0;
}

body.home .whb-header:not(.whb-sticked) .whb-main-header {
  z-index: 390;
}