/* ============================================================
   precalc-loader.css — Loader 3-blocs discret + états des boutons
   Indique que le pré-calcul des choix est en cours / terminé.
   ============================================================ */

/* ── Bandeau de pré-calcul (discret, non-bloquant) ─────────── */
#precalc-banner {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.875rem;
    margin: 0.5rem 0 0.25rem;
    background: rgba(14, 165, 233, 0.07);
    border: 1px solid rgba(14, 165, 233, 0.25);
    border-radius: 8px;
    font-size: 0.8125rem;
    color: #0369a1;
    transition: opacity 0.3s ease;
}

#precalc-banner[hidden] {
    display: none;
}

/* ── Loader 3-blocs ─────────────────────────────────────────── */
.precalc-blocks {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    height: 18px;
    flex-shrink: 0;
}

.precalc-block {
    width: 6px;
    border-radius: 3px;
    background: #0ea5e9;
    animation: precalc-bounce 1.1s ease-in-out infinite;
}

.precalc-block:nth-child(1) {
    height: 10px;
    animation-delay: 0s;
}
.precalc-block:nth-child(2) {
    height: 16px;
    animation-delay: 0.18s;
}
.precalc-block:nth-child(3) {
    height: 10px;
    animation-delay: 0.36s;
}

@keyframes precalc-bounce {
    0%, 100% { transform: scaleY(0.6); opacity: 0.5; }
    50%       { transform: scaleY(1);   opacity: 1;   }
}

/* ── Texte du bandeau ───────────────────────────────────────── */
.precalc-banner-text {
    line-height: 1.3;
}

/* ── États des boutons de choix ─────────────────────────────── */

/* Icône 1 : pré-calcul en cours ─────────────────────────────── */
.choice_button.precalc-loading::after {
    content: ' ⏳';
    font-size: 0.85em;
    opacity: 0.7;
}

/* Icône 2 : pré-calculé, prêt ──────────────────────────────── */
.choice_button.precalc-ready::after {
    content: ' ✓';
    font-size: 0.85em;
    color: #059669;
    font-weight: 700;
}

/* Bouton désactivé après un clic (en attente du prochain cycle) */
.choice_button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

/* Indicateur visuel renforcé quand prêt (léger highlight vert) */
.chat-menu-wrap .choice_button.precalc-ready,
button[type="button"].choice_button.precalc-ready {
    border-color: #059669;
    background: #f0fdf4;
}