/* Step-1 page styles — shared by static (S3/CloudFront) and Thymeleaf-rendered variants. */

.step1-footer {
    padding: 0 1rem 1.5rem;
    color: #5f5f5f;
    text-align: center;
}

/* Active poll count footer spinner (static page only) */
.poll-count-spinner {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border: 2px solid #d8d2c8;
    border-top-color: #5f5f5f;
    border-radius: 50%;
    animation: step1-spin 0.7s linear infinite;
    vertical-align: middle;
}

/* Form submit loading hint */
.step1-loading-indicator {
    display: none;
    margin-left: 0.8rem;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    border: 1px solid #d8d2c8;
    background: #fff6e8;
    color: #6b3f10;
    font-weight: 700;
}

.step1-loading-indicator.step1-loading-indicator--visible {
    display: inline-flex;
    align-items: center;
    opacity: 1 !important;
}

.step1-loading-spinner {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.45rem;
    border-radius: 50%;
    border: 2px solid rgba(107, 63, 16, 0.25);
    border-top-color: #6b3f10;
    animation: step1-spin 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes step1-spin {
    to {
        transform: rotate(360deg);
    }
}