/* Base layout for "short" pages (auth + contact) */
body.auth-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Force proper red header background on these pages */
body.auth-page site-header .nav-wrapper {
    background: var(--primary) !important;
}

/* Generic "main" area for non-auth short pages (like contact) */
.short-main {
    flex: 1;
}

.pricing-section {
    padding-top: 120px;
}

/* ----- Auth-specific layout (signin/signup only) ----- */

.auth-main {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 40px 16px;
     */
    padding-top: 10%;
}

.auth-modal-wrapper {
    width: 100%;
    max-width: 420px;
}

@media (max-height: 700px) {
    .auth-main {
        align-items: flex-start;
        padding-top: 40px;
    }


}


/* On mobile, push the auth content down so the fixed header doesn't overlap */
@media (max-width: 600px) {
    body.auth-page .auth-main {
        padding-top: 90px;
        /* adjusts for your mobile header height */
        align-items: flex-start;
        /* prevents vertical squashing */
    }

    .short-page-container {
        padding-top: 80px;
    }
}