/* ================================
   AIMPILL – FULL BACKGROUND FIX (CLICK-SAFE)
   ================================ */

/* 1) Set GIF as full site background */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: url("https://raw.githubusercontent.com/Anonoums/backgrounds/main/pill_ani.gif") center center / cover no-repeat fixed !important;
  background-color: transparent !important;
}

/* 2) Remove big page-level black backgrounds */
#__next,
.app,
.layout,
.page,
.page-content,
main {
  background: transparent !important;
}

/* 3) Remove hero / landing overlays */
.hero,
.hero-section,
.landing,
.landing-page,
.home,
.home-hero {
  background: transparent !important;
}

/* 4) Disable ONLY hero/landing pseudo overlays */
.hero::before,
.hero::after,
.landing::before,
.landing::after,
.hero-section::before,
.hero-section::after,
.home-hero::before,
.home-hero::after {
  background: transparent !important;
  opacity: 0 !important;
  display: none !important;
}

/* 5) Remove decorative canvases / SVGs (visual only) */
canvas,
svg[aria-hidden="true"] {
  display: none !important;
}

/* 6) Add clean dark overlay for readability (BEHIND EVERYTHING) */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none !important;
  z-index: -1 !important;   /* key fix: cannot block clicks */
}

/* IMPORTANT: remove global z-index stacking that can break clicks */
/* (intentionally no "body > * { z-index: 1 }") */

/* ================================
   8) RESTORE TOP ANNOUNCEMENT BAR
   ================================ */
.top-bar,
.announcement,
.announcement-bar,
.promo,
.promo-bar {
  background: #0b0b0b !important;
  background-image: none !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 9999 !important;
}

.top-bar *,
.announcement *,
.announcement-bar *,
.promo *,
.promo-bar * {
  color: #ffffff !important;
}