@media (min-width: 992px) {
    .hide-desktop {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hide-mobile{
        display: none !important;
    }
}

.container-loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; /* Higher z-index to be above everything */
    height: 100vh;
    width: 100vw;
    background-color: rgba(255, 255, 255, 0.95); /* Semi-transparent background */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

/* Error message display rules */
.form-group .error-message {
    display: none;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #b91c1c;
    font-weight: 600;
}

.form-group.error .error-message {
    display: block !important;
}

.form-group.error input,
.form-group.error select,
.form-group.error textarea {
    border-width: 2px !important;
    border-color: #dc2626 !important;
}

.form-group.entered input,
.form-group.entered select,
.form-group.entered textarea {
    border-color: #cdcdcd !important;
}

.form-check.error .form-check-label {
    border-width: 2px !important;
    border-color: #dc2626 !important;
}
.company-detail-text a {
    text-decoration: underline;
}

.company-detail-text a.thank-you-phone__link {
    text-decoration: none;
}

/* Success page heading - center on mobile, left on desktop */
.success-page-heading {
    text-align: left;
}
@media (max-width: 1023px) {
    .bg-gray {
        background-color: #E4E9E9 !important;
    }
    .thank-you,
    .question--form {
        padding-top: 15px !important;
    }
    .success-page-heading {
        text-align: center;
    }
}

/* Thank-you inner card bottom spacing */
.thank-you__inner {
    padding-bottom: 25px;
}

/* Evaluation steps HR mobile margin */
.steps-divider {
    margin-top: 15px;
}

/* Contact Summary Results - override centered layout from style.css */
.contact-summary .summary--row {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 8px;
}
.contact-summary .summary--question {
    flex-shrink: 0;
    width: 40%;
}
.contact-summary .summary--answer {
    flex: 1;
    min-width: 0;
    word-break: break-all;
    text-align: left !important;
}