/* În fișierul tău CSS sau în block-ul <style> */
.htmx-indicator {
  display: none;
  opacity: 0;
  transition: opacity 200ms ease-in;
}

/* Când orice element din pagină e în proces de request HTMX */
.htmx-request.htmx-indicator,
.htmx-request .htmx-indicator {
  display: block;
  opacity: 1;
}

.htmx-indicator {
  display: none;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

/* Afișează spinnerul când body are clasa htmx-request */
body.htmx-request .htmx-indicator {
  display: flex;
  opacity: 1;
}

.htmx-indicator {
  display: none; /* Ascuns implicit */
}

/* Când HTMX este activ, forțăm afișarea ca FLEX pentru centrare */
.htmx-request.htmx-indicator,
.htmx-request .htmx-indicator,
body.htmx-request .htmx-indicator {
  display: flex !important;
}