/* Estilos próprios do FenixSchool -- por cima da base Kiaalap/Bootstrap
   (static/vendor/kiaalap/). Mantém-se vazio até haver uma necessidade real
   de sobrepor algo do tema base, em vez de duplicar regras por omissão. */

/* Alpine.js hides [x-cloak] elements only after it initialises -- without
   this rule every step of a components/stepped_form.html wizard would flash
   visible at once before Alpine hides all but the current one. */
[x-cloak] {
    display: none !important;
}

/* htmx.min.js only toggles the `htmx-request` class while a request is in
   flight -- it ships no CSS of its own, so the actual show/hide of an
   `hx-indicator` element (issue #59's grelha de lançamento de notas) needs
   this pair of rules, straight from htmx's own docs. */
.htmx-indicator {
    opacity: 0;
    transition: opacity 200ms ease-in;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    opacity: 1;
}

.cursor-pointer {
    cursor: pointer;
}