/* Shared HexFlo styles. Tailwind (CDN) handles layout; this file holds the
   few things utilities cannot express. */

body { font-family: 'Plus Jakarta Sans', sans-serif; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #393939; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }

/* Carousel track: scrolls horizontally without showing a scrollbar. */
.carousel-track {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.carousel-track::-webkit-scrollbar { display: none; }

/* Nav dropdown panels open on hover (pointer) and on click/focus (keyboard,
   touch) via the .is-open class set in site.js. */
.nav-dropdown-panel {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.35rem);
  transition: opacity .15s ease, transform .15s ease, visibility .15s;
}
.nav-dropdown:hover > .nav-dropdown-panel,
.nav-dropdown.is-open > .nav-dropdown-panel,
.nav-dropdown:focus-within > .nav-dropdown-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}