/*
    AxioSight Contact Page Styles
*/


/* =====================================================
   Hero Section
   ===================================================== */

.contact-hero {
    padding: 100px 0 70px;
    position: relative;
}


    .contact-hero h1 {
        font-size: clamp(2.5rem, 5vw, 4rem);
        font-weight: 700;
        letter-spacing: -0.02em;
    }


    .contact-hero .lead {
        font-size: 1.25rem;
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
    }



/* =====================================================
   Contact Information Panel
   ===================================================== */

.contact-response-box {
    padding: 1.25rem;
    border-radius: 0.75rem;
    margin-top: 2rem;
    border: 1px solid rgba(0,0,0,0.1);
}



/* =====================================================
   Form Styling
   ===================================================== */

#contactForm {
    background: rgba(255,255,255,0.02);
}


    #contactForm .form-label {
        font-weight: 600;
    }


    #contactForm .form-control,
    #contactForm .form-select {
        padding: 0.75rem 1rem;
        border-radius: 0.5rem;
    }


    #contactForm textarea {
        resize: vertical;
        min-height: 180px;
    }



    #contactForm .form-control:focus,
    #contactForm .form-select:focus {
        box-shadow: 0 0 0 0.2rem rgba(13,110,253,.15);
    }



/* =====================================================
   Turnstile Widget
   ===================================================== */

.cf-turnstile {
    min-height: 65px;
}



/* =====================================================
   Submit Button
   ===================================================== */

#submitButton {
    min-width: 180px;
}


    #submitButton:disabled {
        cursor: wait;
        opacity: .75;
    }



/* =====================================================
   Validation
   ===================================================== */

.field-validation-error {
    font-size: .875rem;
}



/* =====================================================
   Responsive
   ===================================================== */

@media (max-width: 991px) {
    .contact-hero {
        padding: 70px 0 40px;
    }


        .contact-hero h1 {
            font-size: 2.5rem;
        }
}


@media (max-width: 576px) {
    #submitButton {
        width: 100%;
    }
}