/*
 * HTW Zendesk Contact Form styles.
 */

/* Honeypot: hide completely from human visitors while keeping it accessible
   in the DOM tree so automated submitters still find and fill it. */
.htw-hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Spinner state on the submit button */
#htw-submit-btn.htw-loading {
    position: relative;
    color: transparent !important;
}

#htw-submit-btn.htw-loading::after {
    content: "";
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    top: calc(50% - 0.625rem);
    left: calc(50% - 0.625rem);
    border: 2px solid #ffffff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: htw-spin 0.75s linear infinite;
}

@keyframes htw-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Confirmation block styling matches the CMS page header look */
#htw-confirmation {
    padding: 2rem 0;
}

#htw-confirmation h2 {
    color: #198754;
    margin-bottom: 1rem;
}