/* Both rules below only affect state that appears AFTER a form interaction —
   nothing here changes how the form looks on first load. */

.elc-form-message {
    display: none;
    border-radius: 0.75rem;
    padding: 0.85rem 1rem;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
    font-weight: 500;
}

.elc-form-message.elc-success {
    display: block;
    background: rgba(34, 197, 94, 0.1);
    color: #15803d;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

.elc-form-message.elc-error {
    display: block;
    background: rgba(239, 68, 68, 0.08);
    color: #b91c1c;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

.elc-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}