@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

*{
    font-family: 'Ubuntu', 'sans-serfi';
    /* Firefox */
    scrollbar-width: thin;   /* auto | thin | none */
    scrollbar-color: auto;   /* keeps default OS colors */
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 4px;   /* vertical scrollbar */
  height: 4px;  /* horizontal scrollbar */
}

[x-cloak] { display: none !important; }

/* container animation — same easing for open and close */
.nav-submenu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 260ms ease-in-out, opacity 260ms ease-in-out;
}

/* open state */
.nav-submenu.open {
  max-height: 20rem; /* adjust if needed for taller menus */
  opacity: 1;
}

/* prevent submenu children from animating themselves */
.nav-submenu > li,
.nav-submenu .nav-link {
  transition: none !important;
}

/* helper for instant (no animation) state */
.nav-submenu.no-transition {
  transition: none !important;
}

.my-htmx-indicator {
  display: none;
}

.htmx-request .my-htmx-indicator,
.htmx-request.my-htmx-indicator {
  display: inline-flex;
}