/* =========================================================
   AZORLEARN — CHARGEMENT
   Trois barres verticales animées
   ========================================================= */

.azorlearn-loading {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    background: #ffffff;
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease, visibility .5s ease;
}

.azorlearn-loading.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }

.loading-bars { display: flex; align-items: center; gap: 8px; height: 50px; }

.loading-bar {
    display: block;
    width: 7px;
    height: 42px;
    border-radius: 6px;
    background: #0b5fe0;
    transform-origin: center;
    animation: azorlearn-bar 1.1s ease-in-out infinite;
}
.loading-bar:nth-child(2) { animation-delay: .18s; }
.loading-bar:nth-child(3) { animation-delay: .36s; }

@keyframes azorlearn-bar {
    0%, 50%, 100% { transform: scaleY(1); }
    25% { transform: scaleY(.35); }
}

@media (max-width: 480px) {
    .loading-bars { gap: 7px; height: 44px; }
    .loading-bar { width: 6px; height: 36px; }
}

@media (prefers-reduced-motion: reduce) {
    .loading-bar { animation-duration: 2.2s; }
}