/* ==========================================================================
   Archijeunes FSE – UI Elements
   Composants UI réutilisables (spinner, sticky, etc.)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Loading spinner
   -------------------------------------------------------------------------- */

.spinner {
  border: 4px solid var(--bg-light);
  border-top-color: var(--primary-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.8s linear infinite;
}

/* --------------------------------------------------------------------------
   Sticky element
   -------------------------------------------------------------------------- */

.sticky-element {
  position: sticky;
  top: 0;
  z-index: 100;
}