/* ==========================================================
   KITESTACKS CYBERPUNK TEST THEME
   TEST ONLY
   ========================================================== */

/* Background */
body {
  background: url("/images/cyberpunk-bg.png") center center fixed !important;
  background-size: cover !important;
}

/* Remove old injected banner */
body::before,
body::after {
  display: none !important;
  content: none !important;
}

/* Dark overlay for readability */
body::selection {
  background: rgba(56,189,248,0.35);
}

/* Main containers */
div[class*="service"],
div[class*="widget"],
.card,
.service-card {
  background: rgba(7,15,30,0.72) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border: 1px solid rgba(56,189,248,0.25) !important;

  border-radius: 18px !important;

  box-shadow:
    0 0 15px rgba(56,189,248,0.08),
    0 0 30px rgba(56,189,248,0.05) !important;
}

/* Section headers */
h2 {
  color: #dbeafe !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;

  text-shadow:
    0 0 8px rgba(56,189,248,0.45);
}

/* Search box */
input[type="text"] {
  background: rgba(5,10,20,0.75) !important;
  border: 1px solid rgba(56,189,248,0.35) !important;
  border-radius: 14px !important;
}

/* Widget row */
div[class*="widget"] {
  border-radius: 18px !important;
}

/* Hover effects */
a:hover .service-card,
.service-card:hover,
.card:hover {
  transform: translateY(-2px);

  box-shadow:
    0 0 15px rgba(56,189,248,0.25),
    0 0 35px rgba(56,189,248,0.18) !important;

  transition: all .2s ease;
}

/* Footer */
footer {
  backdrop-filter: blur(8px);
}

/* Slightly dim the background for readability */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,20,0.45);
  pointer-events: none;
  z-index: -1;
}
EOF