/* Mavens Hive custom override */
:root{
  --mh-site-font: var(--mh-font-body, "Space Grotesk", "Inter", system-ui, sans-serif);
  --mh-purple:#8b2cff;
  --mh-cyan:#23d7ff;
  --mh-yellow:#ffd34d;
  --mh-dark:#070711;
}

.mh-brand-fixed{ display:none !important; }
body{
  background:
    radial-gradient(circle at 20% 10%, rgba(139,44,255,.28), transparent 30%),
    radial-gradient(circle at 85% 30%, rgba(35,215,255,.16), transparent 26%),
    #070711 !important;
}

/* Keep the design cleaner */
a, button{
  transition: .2s ease;
}

a:hover, button:hover{
  transform: translateY(-1px);
}

@media (max-width: 800px){
  .mh-brand-fixed{ display:none !important; }
}


/* Updated Mavens Hive logo */
img[src*="nav-logo.png"],
img[src*="logo.png"]{
  opacity: 1 !important;
  pointer-events: auto !important;
}

nav a img[src*="nav-logo.png"]{
  height: 36px !important;
  width: auto !important;
  max-width: 190px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 8px rgba(249, 194, 46, 0.18));
}

@media (min-width: 768px){
  nav a img[src*="nav-logo.png"]{
    height: 40px !important;
    max-width: 220px;
  }
}

.mh-footer-logo-img{
  height: 28px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  display:block;
}

/* Header glow cleanup requested: keep navbar clean, no yellow/drop-shadow glow in the top area. */
.mh-site-header .shadow-2xl,
.mh-site-header [class*="shadow-["],
.mh-site-header .mh-header-shell,
.mh-site-header #mobile-menu,
.mh-bottom-nav {
  box-shadow: none !important;
}

.mh-site-header img[src*="nav-logo.png"],
nav a img[src*="nav-logo.png"] {
  filter: none !important;
}

.mh-site-header .nav-link,
.mh-site-header .nav-link:hover,
.mh-site-header .nav-link.active {
  text-shadow: none !important;
  filter: none !important;
}

.mh-route-fade-out { opacity: 0; transition: opacity .09s ease; }
.mh-route-fade-in { animation: mhRouteFadeIn .16s ease both; }
@keyframes mhRouteFadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
html.mh-route-busy body { cursor: progress; }

/* Shared background effects only: adds the Home pink/purple glow on every page without changing each page's own background image. */
#mh-page-background.mh-shared-page-effects::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 10%, rgba(139,44,255,.28), transparent 30%),
    radial-gradient(circle at 85% 30%, rgba(255,70,190,.12), transparent 26%),
    radial-gradient(circle at 50% 80%, rgba(242,202,80,.08), transparent 34%);
  opacity:.95;
}