/**
 * push-soft-prompt.css
 * -----------------------------------------------------------------------
 * Stile del Soft Prompt (RF-02, Step 7). Classi prefissate "ffm-push-"
 * per non entrare in conflitto con nient'altro nel progetto. Riusa le
 * classi Bootstrap .btn/.btn-primary/.btn-outline-secondary gia' presenti
 * (bootstrap.min.css e' caricato) per coerenza visiva con il resto del
 * sito, senza dipendere dal JS di Bootstrap (disattivato nel progetto).
 * -----------------------------------------------------------------------
 */

.ffm-push-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    animation: ffm-push-fade-in 0.15s ease-out;
}

@keyframes ffm-push-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

.ffm-push-modal {
    background: #ffffff;
    border-radius: 10px;
    max-width: 400px;
    width: 100%;
    padding: 28px 24px 22px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    text-align: center;
}

.ffm-push-modal .ffm-push-icon {
    font-size: 2.25rem;
    margin-bottom: 12px;
    line-height: 1;
}

.ffm-push-modal h3 {
    margin: 0 0 10px;
    font-size: 1.15rem;
    font-weight: 600;
    color: #212529;
}

.ffm-push-modal p {
    margin: 0 0 22px;
    color: #555;
    font-size: 0.95rem;
    line-height: 1.4;
}

.ffm-push-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.ffm-push-actions .btn {
    min-width: 120px;
}