/* ===========================================================
   AUJUNPEAK HONEYCOMB BACKGROUND v2
   Final override: public pages only. Clears the black canvas
   forced by frames-v3 and exposes a real SVG honeycomb grid.
   =========================================================== */
:root{
  --hx-base:#020711;
  --hx-deep:#061224;
  --hx-blue:rgba(34,112,255,.30);
  --hx-cyan:rgba(24,211,255,.22);
  --hx-violet:rgba(116,76,255,.20);
}

/* frames-v3 previously painted these canvases pure black. */
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light),
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-layout,
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-main,
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .page-content{
  background-color:transparent !important;
  background-image:none !important;
}

html:has(body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light)){
  background:#020711 !important;
}

body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light){
  background:
    radial-gradient(circle at 50% -8%, rgba(57,143,255,.17), transparent 32%),
    linear-gradient(180deg,#071426 0%,#020711 42%,#01040a 100%) !important;
  background-attachment:fixed !important;
}

body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-gif,
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-img,
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-seam,
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-overlay{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  pointer-events:none !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
}

/* Real honeycomb texture. */
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-gif{
  z-index:0 !important;
  opacity:1 !important;
  background-color:transparent !important;
  background-image:url('../images/ui/hex-honeycomb-grid.svg') !important;
  background-repeat:repeat !important;
  background-size:120px 104px !important;
  background-position:0 0 !important;
  filter:drop-shadow(0 0 5px rgba(62,176,255,.18)) !important;
  animation:hxGridMove 30s linear infinite !important;
}

/* Second offset honeycomb layer gives depth. */
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-img{
  z-index:1 !important;
  opacity:.55 !important;
  background-color:transparent !important;
  background-image:url('../images/ui/hex-honeycomb-grid.svg') !important;
  background-repeat:repeat !important;
  background-size:180px 156px !important;
  background-position:60px 52px !important;
  filter:hue-rotate(22deg) brightness(.78) drop-shadow(0 0 8px rgba(93,80,255,.16)) !important;
  animation:hxGridMoveReverse 48s linear infinite !important;
}

/* Large moving blue/cyan/violet light pools. */
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-seam{
  z-index:2 !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 12% 18%, var(--hx-blue) 0%, rgba(34,112,255,.10) 15%, transparent 35%),
    radial-gradient(circle at 86% 24%, var(--hx-cyan) 0%, rgba(24,211,255,.07) 14%, transparent 32%),
    radial-gradient(circle at 72% 78%, var(--hx-violet) 0%, rgba(116,76,255,.07) 16%, transparent 35%),
    radial-gradient(circle at 25% 82%, rgba(26,155,255,.17) 0%, transparent 30%) !important;
  background-repeat:no-repeat !important;
  mix-blend-mode:screen;
  animation:hxGlowFloat 12s ease-in-out infinite alternate !important;
}

/* Soft sweep and vignette, deliberately transparent enough to see cells. */
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-overlay{
  z-index:3 !important;
  opacity:1 !important;
  background:
    linear-gradient(112deg,transparent 0 35%,rgba(104,206,255,.00) 42%,rgba(104,206,255,.09) 49%,rgba(185,236,255,.17) 50%,rgba(104,206,255,.06) 51%,transparent 60% 100%),
    radial-gradient(ellipse at center,transparent 0%,rgba(1,5,12,.05) 54%,rgba(0,3,8,.34) 100%) !important;
  background-size:220% 100%,100% 100% !important;
  background-position:-125% 0,center !important;
  animation:hxSweep 10s ease-in-out infinite !important;
}

/* Ensure UI remains above all background layers. */
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-layout{
  position:relative !important;
  z-index:10 !important;
}
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-main,
body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .page-content{
  position:relative !important;
  z-index:auto !important;
}

@keyframes hxGridMove{
  from{background-position:0 0}
  to{background-position:120px 104px}
}
@keyframes hxGridMoveReverse{
  from{background-position:60px 52px}
  to{background-position:-120px -104px}
}
@keyframes hxGlowFloat{
  0%{transform:scale(1) translate3d(0,0,0);filter:saturate(1)}
  50%{transform:scale(1.035) translate3d(-.6%,.4%,0);filter:saturate(1.2)}
  100%{transform:scale(1.02) translate3d(.5%,-.5%,0);filter:saturate(1.08)}
}
@keyframes hxSweep{
  0%,14%{background-position:-125% 0,center}
  64%,100%{background-position:115% 0,center}
}

@media(max-width:700px){
  body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-gif{
    background-size:84px 73px !important;
    opacity:.9 !important;
    animation-duration:38s !important;
  }
  body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-img{
    background-size:126px 109px !important;
    opacity:.42 !important;
  }
  body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-seam{
    opacity:.78 !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-gif,
  body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-img,
  body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-seam,
  body:not(.adm-body):not(.auth-body):not(.admin-page):not(.theme-light) .site-bg-overlay{
    animation:none !important;
  }
}