/*
 * Documentation
 * Shared stylesheet for CSP-safe runtime helpers (anti-spam honeypots, etc.) and footer styling for "Powered by" switching logic. 
 */

/* Keep honeypot/time-trap fields off-screen without inline styles so strict CSPs remain valid. */
.va-honeypot-container {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* Provide consistent status messaging styles for shared form feedback. */
.message {
    margin-top: 0.75rem;
    font-weight: 600;
}

    .message.success {
        color: #16a34a;
    }

    .message.error {
        color: #dc2626;
    }

    .message.processing {
        color: #facc15;
    }

/* va-footer */

.va-footer-link {
    display: inline-flex;
    align-items: baseline;
    text-decoration: none;
    cursor: pointer;
    font: inherit;
    color: inherit;
}


.va-brand-switcher {
    display: inline-grid;
}

    .va-brand-switcher span {
        grid-area: 1 / 1;
        font: inherit;
        white-space: nowrap;
        animation-duration: 8s;
        animation-iteration-count: infinite;
    }

        .va-brand-switcher span:nth-child(1) {
            animation-name: va-fade-b;
        }

        .va-brand-switcher span:nth-child(2) {
            animation-name: va-fade-a;
        }

@keyframes va-fade-a {
    0%, 10% {
        opacity: 0;
    }

    45% {
        opacity: 1;
    }

    55% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes va-fade-b {
    0%, 10% {
        opacity: 1;
    }

    45% {
        opacity: 0;
    }

    55% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}
