/* =========================================================
   EMBERCRYPT BG SEAM HOTFIX
   Fixes background "band"/seam and weird color blocks.
   Load AFTER all other CSS files.
   ========================================================= */

/* Always paint the same background on html+body and keep scrollbar stable */
html { 
  overflow-y: scroll;
  height: 100%;
  background: #050607;
}
body {
  min-height: 100%;
  background:
    radial-gradient(1200px 700px at 50% -10%, rgba(255, 190, 95, 0.10), transparent 60%),
    radial-gradient(900px 500px at 10% 30%, rgba(190, 60, 40, 0.10), transparent 62%),
    radial-gradient(900px 520px at 90% 70%, rgba(120, 70, 25, 0.08), transparent 60%),
    linear-gradient(180deg, rgba(6,7,9,1), rgba(4,5,6,1) 55%, rgba(6,7,9,1));
  background-attachment: fixed, fixed, fixed, fixed; /* prevents "moving seams" */
}

/* Create a subtle ash/noise overlay that covers the whole viewport */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.06) 0 1px, transparent 2px),
    radial-gradient(circle at 70% 60%, rgba(255,255,255,.05) 0 1px, transparent 2px);
  background-size: 180px 180px, 220px 220px;
  mix-blend-mode: overlay;
}

/* Ensure the page wrapper always covers the full viewport height */
#page, #layout-grid {
  min-height: 100vh;
  background: transparent !important;   /* avoid a second background layer */
}

/* In case columns have their own bg color causing "blocks" */
#menu_left, #content, #menu_right, #right, #sidebar_right {
  background: transparent !important;
}

/* If you use an inner panel background, apply it to ONE wrapper only */
#layout-grid {
  position: relative;
}
#layout-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  pointer-events: none;
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(255, 200, 110, .10), transparent 60%),
    linear-gradient(180deg, rgba(12,13,16,.80), rgba(8,9,11,.72));
  box-shadow:
    0 30px 70px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.05);
  z-index: 0;
}

/* Make actual content sit above the panel background layer */
#menu_left, #content, #menu_right, #right, #sidebar_right, #layout-grid > * {
  position: relative;
  z-index: 1;
}