/* Header transparency, sticky states, and post-page underlay. */

/* === Axura Header Controll === */

/* 0) Hard force: header layers are transparent at top by default */
body:not(.axura-scrolled) header.site-header,
body:not(.axura-scrolled) header.site-header .site-top,
body:not(.axura-scrolled) header.site-header::before,
body:not(.axura-scrolled) header.site-header::after,
body:not(.axura-scrolled) header.site-header .site-top::before,
body:not(.axura-scrolled) header.site-header .site-top::after {
  background: transparent !important;
  box-shadow: none !important;
}

/* 1) TOP + DAY hover */
body:not(.axura-scrolled):not(.dark) header.site-header:hover,
body:not(.axura-scrolled):not(.dark) header.site-header:hover .site-top,
body:not(.axura-scrolled):not(.dark) header.site-header:hover::before,
body:not(.axura-scrolled):not(.dark) header.site-header:hover::after,
body:not(.axura-scrolled):not(.dark) header.site-header:hover .site-top::before,
body:not(.axura-scrolled):not(.dark) header.site-header:hover .site-top::after {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(254, 243, 199, 0.70) 40%,
    rgba(254, 226, 226, 0.70) 60%
  ) !important;
  box-shadow: 0 1px 40px -8px rgba(15, 23, 42, 0.7) !important;
}

/* 2) TOP + NIGHT hover */
body:not(.axura-scrolled).dark header.site-header:hover,
body:not(.axura-scrolled).dark header.site-header:hover .site-top,
body:not(.axura-scrolled).dark header.site-header:hover::before,
body:not(.axura-scrolled).dark header.site-header:hover::after,
body:not(.axura-scrolled).dark header.site-header:hover .site-top::before,
body:not(.axura-scrolled).dark header.site-header:hover .site-top::after {
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, 0.18), transparent 45%),
    radial-gradient(circle at 70% 0, rgba(168, 85, 247, 0.16), transparent 55%),
    rgba(5, 8, 20, 0.72) !important;
  box-shadow:
    0 1px 40px -8px rgba(0, 0, 0, 0.75),
    0 0 18px rgba(56, 189, 248, 0.26) !important;
}

/* 3) SCROLLED + DAY (default AND hover identical) */
body.axura-scrolled:not(.dark) header.site-header,
body.axura-scrolled:not(.dark) header.site-header:hover,
body.axura-scrolled:not(.dark) header.site-header .site-top,
body.axura-scrolled:not(.dark) header.site-header:hover .site-top,
body.axura-scrolled:not(.dark) header.site-header::before,
body.axura-scrolled:not(.dark) header.site-header:hover::before,
body.axura-scrolled:not(.dark) header.site-header::after,
body.axura-scrolled:not(.dark) header.site-header:hover::after {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(254, 243, 199, 0.70) 40%,
    rgba(254, 226, 226, 0.70) 60%
  ) !important;
  box-shadow: 0 1px 40px -8px rgba(15, 23, 42, 0.7) !important;
}

/* 4) SCROLLED + NIGHT (default AND hover identical) */
body.axura-scrolled.dark header.site-header,
body.axura-scrolled.dark header.site-header:hover,
body.axura-scrolled.dark header.site-header .site-top,
body.axura-scrolled.dark header.site-header:hover .site-top,
body.axura-scrolled.dark header.site-header::before,
body.axura-scrolled.dark header.site-header:hover::before,
body.axura-scrolled.dark header.site-header::after,
body.axura-scrolled.dark header.site-header:hover::after {
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, 0.18), transparent 45%),
    radial-gradient(circle at 70% 0, rgba(168, 85, 247, 0.16), transparent 55%),
    rgba(5, 8, 20, 0.72) !important;
  box-shadow:
    0 1px 40px -8px rgba(0, 0, 0, 0.75),
    0 0 18px rgba(56, 189, 248, 0.26) !important;
}

/* 5) Smooth transitions */
header.site-header,
header.site-header .site-top,
header.site-header::before,
header.site-header::after,
header.site-header .site-top::before,
header.site-header .site-top::after {
  transition: background 0.35s ease, box-shadow 0.35s ease;
}

/* 6) Post-page top underlay (behind fixed header) */
/* --- DAY (top, not scrolled) --- */
body.single:not(.axura-scrolled):not(.dark) .pattern-center-blank,
body.single:not(.axura-scrolled):not(.dark) .pattern-center-blank::before,
body.single:not(.axura-scrolled):not(.dark) .pattern-center-blank::after,
body.single:not(.axura-scrolled):not(.dark) .pattern-center::after,
body.single:not(.axura-scrolled):not(.dark) .headertop-bar::after {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.55) 0%,
    rgba(254, 243, 199, 0.42) 40%,
    rgba(254, 226, 226, 0.42) 60%
  ) !important;
  box-shadow: none !important;
}

/* --- NIGHT (top, not scrolled) --- */
body.single:not(.axura-scrolled).dark .pattern-center-blank,
body.single:not(.axura-scrolled).dark .pattern-center-blank::before,
body.single:not(.axura-scrolled).dark .pattern-center-blank::after,
body.single:not(.axura-scrolled).dark .pattern-center::after,
body.single:not(.axura-scrolled).dark .headertop-bar::after {
  background:
    radial-gradient(circle at 0 0, rgba(34, 211, 238, 0.14), transparent 55%),
    radial-gradient(circle at 70% 0, rgba(168, 85, 247, 0.12), transparent 60%),
    rgba(5, 8, 20, 0.55) !important;
  box-shadow: none !important;
}

/* 7) REMOVE pattern-center-blank (clean fix, no layout ghosts) */
.pattern-center-blank {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* prevent it from leaving a gap */
.pattern-center-blank + * {
  margin-top: 0 !important;
}