/* College Connect — standalone build styles.
 * Tailwind utilities are compiled in-browser by the Tailwind v4 CDN <script>
 * plus the in-page <style type="text/tailwindcss"> theme block in index.html
 * (which scans the live DOM — no build step). This file only carries the
 * handful of things no utility class expresses. */

html {
  scroll-behavior: smooth;
}

/* FAQ accordion — native <details>/<summary>, no JS.
   Hide the default disclosure triangle/marker and swap a +/− sign on [open]. */
.faq-item summary {
  list-style: none;
  cursor: pointer;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item [data-faq-sign]::after {
  content: "+";
}

.faq-item[open] [data-faq-sign]::after {
  content: "−";
}

/* Leaflet map safety net — app.js mounts the map into #map once the
   colleges dataset and a selected college are ready. */
#map {
  min-height: 560px;
  /* Own low stacking context so Leaflet's controls/panes (which use z-index
     up to 1000) can never paint over the sticky nav (z-1000) or ribbon (z-999). */
  position: relative;
  z-index: 0;
}

/* Backstop: keep Leaflet's zoom + attribution controls below the sticky chrome. */
.leaflet-top,
.leaflet-bottom {
  z-index: 400;
}

.leaflet-popup-content,
.leaflet-tooltip {
  font-family: inherit;
}

/* College marker — custom brand pin (L.divIcon); no default white box, soft shadow. */
.college-pin {
  background: none;
  border: none;
}
.college-pin svg {
  display: block;
  filter: drop-shadow(0 3px 4px rgba(15, 26, 79, 0.3));
}

/* Feeder-school tooltip content is built entirely by app.js out of Tailwind
   utility classes (text-xs / font-semibold / text-muted-foreground), so no
   extra helper classes are needed here. */