/* === NRKX brand theme overlay for newapi default theme === */

/* 1. Background gradient: replace blue/violet radials with NRKX red/pink/black */
.pointer-events-none.absolute.inset-0.-z-10,
div[class*="pointer-events-none"][class*="absolute"][class*="-z-10"] {
  background-image:
    radial-gradient(60% 50% at 20% 20%, rgba(255, 109, 110, 0.55) 0%, transparent 70%),
    radial-gradient(50% 40% at 80% 15%, rgba(224, 72, 72, 0.40) 0%, transparent 70%),
    radial-gradient(40% 35% at 40% 80%, rgba(176, 48, 48, 0.30) 0%, transparent 70%) !important;
  opacity: 0.55 !important;
}

/* 2. H1 hero gradient: black → crimson dark → crimson → hero pink */
main h1 span[class*="bg-clip-text"],
h1 span[class*="bg-clip-text"],
.bg-gradient-to-r.from-blue-400.via-violet-400.to-purple-500,
[class*="from-blue-"][class*="via-violet-"][class*="to-purple-"] {
  background-image: linear-gradient(135deg, #1a1a1a 0%, #b03030 35%, #e04848 65%, #ff6d6e 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* 3. CTA primary button: NRKX red */
button[class*="bg-primary"],
button:not([class*="ghost"]):not([class*="outline"])[class*="bg-foreground"],
a[role="button"][class*="bg-foreground"] {
  background-color: #e04848 !important;
  color: #fff !important;
}
button[class*="bg-primary"]:hover,
button:not([class*="ghost"])[class*="bg-foreground"]:hover {
  background-color: #b03030 !important;
}

/* 4. NRKX service address block (injected by home-text-inject.js) */
#nrkx-url-block {
  background: rgba(26, 26, 26, 0.05) !important;
  border-color: rgba(26, 26, 26, 0.20) !important;
}
#nrkx-url-block code {
  color: #1a1a1a !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}
#nrkx-url-block span {
  color: #555 !important;
}
#nrkx-url-block button {
  background: #e04848 !important;
  color: #fff !important;
  font-weight: 500 !important;
  transition: background 0.15s ease !important;
}
#nrkx-url-block button:hover {
  background: #b03030 !important;
}

/* 5. Default-theme native service-address code block (if rendered) */
section code.text-foreground\/75,
section code[class*="text-foreground"],
[class*="address"] code,
[class*="endpoint"] code {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}