/* =========================================================
   PHEEGOH CONTACT PAGE
   Page-specific layout and visual refinements
========================================================= */


/* ---------------------------------------------------------
   HERO SPACING
--------------------------------------------------------- */

.contact-page-hero {
    padding-bottom: 28px;
}

.contact-page-section {
    padding-top: 32px;
}


/* ---------------------------------------------------------
   CONTACT FORM SHADOW
--------------------------------------------------------- */

.contact-page-section .contact-form {
    position: relative;
    border: 1px solid rgba(32, 32, 42, 0.07);
    border-radius: 22px;
    background: #ffffff;

    box-shadow:
        0 10px 30px rgba(32, 32, 42, 0.035),
        0 25px 65px rgba(32, 32, 42, 0.085),
        0 45px 100px rgba(116, 70, 216, 0.055);

    transition:
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.contact-page-section .contact-form:focus-within {
    border-color: rgba(116, 70, 216, 0.18);

    box-shadow:
        0 12px 35px rgba(32, 32, 42, 0.045),
        0 30px 75px rgba(32, 32, 42, 0.095),
        0 45px 100px rgba(116, 70, 216, 0.075);
}


/* ---------------------------------------------------------
   HONEYPOT
--------------------------------------------------------- */

.contact-form-honeypot {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 768px) {

    .contact-page-hero {
        padding-bottom: 20px;
    }

    .contact-page-section {
        padding-top: 24px;
    }

    .contact-page-section .contact-form {
        border-radius: 18px;

        box-shadow:
            0 8px 25px rgba(32, 32, 42, 0.045),
            0 20px 45px rgba(32, 32, 42, 0.075);
    }

}