/**
 * Ambassador Form Styles
 */

/* Character counter */
.char-counter {
    text-align: right;
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

.char-counter.error {
    color: #ff4301;
}

/* Form message (after submit button) */
.form-message {
    margin-top: 1.5rem;
    font-size: 1rem;
    text-align: center;
}

.form-message-success {
    color: #0f5132;
}

.form-message-error {
    color: #ff4301;
}

/* Loading state */
button[type="submit"]:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.spinner-border {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 0.15em;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}