/* Hide scrollbars (Chrome/Safari/Edge) */
::-webkit-scrollbar { display: none; }

/* Hide scrollbars (Firefox) */
html, body {
  -ms-overflow-style: none;   /* IE/Edge legacy */
  scrollbar-width: none;      /* Firefox */
}

/* Font utility classes to match your chosen families */
.font-poppins { font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
.font-baloo   { font-family: "Baloo 2", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", cursive; }
.font-nunito  { font-family: "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }

/* Body default to Inter (as per Tailwind config), override if you want Nunito globally: */
body { font-family: "Nunito Sans", sans-serif !important; }

/* Keep FA fonts intact when Tailwind resets font-family */
.fa, .fas, .far, .fal, .fab {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* Optional helper classes you had in the file */
.highlighted-section {
  outline: 2px solid #3F20FB;
  background-color: rgba(63, 32, 251, 0.1);
}

.edit-button {
  position: absolute;
  z-index: 1000;
}
/* Smooth scroll everywhere */
html { scroll-behavior: smooth; }

/* Reserve space equal to your fixed header height (64px) + a bit of air */
html { scroll-padding-top: 80px; }

/* If some blocks aren’t <section>, you can also give them: */
/* .anchor-target { scroll-margin-top: 80px; } */


/* site-wide custom cursor */
html, body {
  /* hotspot tuned near the pencil tip (x=6, y=26). tweak if clicks feel offset */
  cursor: url("assets/pencil-neob.png") 6 26, auto;
}

/* keep text inputs feeling normal */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
  cursor: text; /* I-beam */
}

/* interactive elements — still use the pencil, with pointer as fallback */
a, button, [role="button"], input[type="button"], input[type="submit"], .btn {
  cursor: url("assets/pencil-neob.png") 6 26, pointer;
}

/* don’t attempt this on touch devices */
@media (hover: none) {
  html, body { cursor: auto; }
}



/* Or on the specific target */
#demo-form { scroll-margin-top: 80px; }

#demo-form, #about, #program, #stages, #reviews, #enroll { scroll-margin-top: 80px; }