/**
 * Coming Soon — styling bottone disabilitato (opzione A, default).
 * Override completo possibile via filter `cl_coming_soon_button_html` per le
 * opzioni B (lead form) / C (landing link).
 *
 * Palette brand: giallo #f5c140 · blu #0a2838 · crema #fffef6.
 * Per il "Coming Soon" usiamo crema + blu desaturato — segnale visivo "non azione".
 */

.cl-btn-coming-soon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border: 1.5px solid #d4d8db;
    border-radius: 4px;
    background-color: #f4f5f7;
    color: #6b7a82;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    cursor: not-allowed;
    opacity: 0.85;
    pointer-events: none; /* impedisce qualunque click/hover anche su override CSS */
    user-select: none;
    transition: none; /* niente animazioni → "spento" */
    font-family: inherit;
    line-height: 1.2;
}

.cl-btn-coming-soon::before {
    content: "⏳";
    font-size: 14px;
    opacity: 0.7;
}

/* Variante dentro la card dashboard: full-width per occupare lo spazio dei 2 bottoni */
.cl-dashboard-card-actions .cl-btn-coming-soon {
    flex: 1;
    padding: 14px 20px;
}

/* Variante dentro dynamic tag Elementor: eredita più stile possibile dal widget host */
.cl-btn-coming-soon[data-context="dynamic_tag"] {
    width: 100%;
}

/* Quando l'utente prova a forzare l'override del filter per renderlo cliccabile (B/C),
   queste regole sono solo default — il filter HTML personalizzato dovrà definire le
   proprie classi/stili per ripristinare cursor/pointer-events. */