body {
  font-family: 'Inter', sans-serif;
}
h1, h2, h3, .navbar-brand {
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 0.5px;
}

h3 {font-size: 1.5rem;}


.theme-superior .hero {
  background: #000000;
  background-image: radial-gradient(900px 500px at 100% 0%, rgba(255,255,255,.04), transparent 60%);
}
.hero img { max-width: 420px; }

/* keep navbar brand text from overflowing on small screens */
.navbar-brand {
  white-space: nowrap;   /* prevent wrapping */
  overflow: hidden;      /* cut off if too wide */
  text-overflow: ellipsis; /* adds "…" if it’s too long */
  max-width: 80vw;       /* no bigger than 80% of viewport */
}

/* make navbar toggler icon lime green */
.navbar-toggler {
  border-color: var(--sup-lime); /* optional border */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(57,255,20, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Active/open question (currently light blue) */
.accordion-button:not(.collapsed) {
  background-color: var(--sup-lime);   /* your neon green */
  color: #000;                         /* black text for contrast */
  font-size: 1.3rem;
  box-shadow: none;                    /* remove default inset shadow */
}

/* Closed questions (the text link itself) */
.accordion-button.collapsed {
  color: rgba(55, 255, 20, 0.75);              /* green text */
  font-size: 1.3rem;
  background-color: #111;              /* keep dark background, adjust as needed */
}

/* Optional: remove default focus ring that clashes with custom color */
.accordion-button:focus {
  border-color: var(--sup-lime);
  box-shadow: 0 0 0 .25rem rgba(57, 255, 20, 0.25);
}

.accordion-item,
.accordion-button {
  border-color: #000;    /* jet black borders */
}



/* collapsed questions (green icon) */
.accordion-button.collapsed::after {
  filter: invert(66%) sepia(91%) saturate(624%) hue-rotate(66deg) brightness(110%) contrast(110%);
}

/* open question (optional: black icon to match text) */
.accordion-button:not(.collapsed)::after {
  filter: brightness(0); /* black */
}

/* remove blinking caret from everything except actual text inputs */
*:not(input):not(textarea) {
  caret-color: transparent;
}


/* Remove any leftover line/shadow on the chevron area */
.accordion-button::after {
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Use Bootstrap's icon variables to set exact chevron colors */
.accordion-button {
  /* collapsed chevron = lime */
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='rgb(57,255,20)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  /* open chevron = black */
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='rgb(0,0,0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
}










@media (max-width: 575.98px) {
  .navbar-brand {
    font-size: .9rem;  /* smaller size on phones */
  }
  .hero img {
    max-width: 60%;   /* shrink to 80% of viewport */
    margin: 0 auto;   /* center it */
    display: block;
  }


}