/* ============================================================
   Inline Form block
   ============================================================ */

.block-inline-form .inline-form--inner {
    padding: 2rem;
    align-items: flex-start;
}

.block-inline-form .inline-form--inner > div {
    flex: 1 1 0;
    min-width: 0;
}

@media (min-width: 48em) {
    .block-inline-form .inline-form--inner {
        padding: 65px 4rem;
    }
}

@media (min-width: 62em) {
    .block-inline-form .inline-form--inner {
        grid-gap: 4rem;
    }

    .block-inline-form.flip .inline-form--inner {
        flex-direction: row-reverse;
    }
}

/* Text Content editor: headings match the Image and Text block */
.block-inline-form .inline-form--copy h1,
.block-inline-form .inline-form--copy h2,
.block-inline-form .inline-form--copy h3,
.block-inline-form .inline-form--copy h4,
.block-inline-form .inline-form--copy h5,
.block-inline-form .inline-form--copy h6 {
    font-weight: var(--weight-medium-bold);
}

.block-inline-form .inline-form--copy > :first-child {
    margin-top: 0;
}

.block-inline-form .inline-form--copy > :last-child {
    margin-bottom: 0;
}

.block-inline-form .inline-form--button {
    margin-top: 1.5rem;
}

/* Form column: always a white box with dark text, whatever the block colours */
.block-inline-form .inline-form--form {
    background-color: var(--color-white);
    color: var(--color-dark);
    padding: 25px 35px 35px;
}

/* Undo the site-wide .gform_wrapper box (white panel, padding, scroll, max-height) used by the hero form */
.block-inline-form .inline-form--form .gform_wrapper {
    max-width: 100%;
    max-height: none !important;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
}

.block-inline-form .inline-form--form .gform_wrapper .gform_fields label,
.block-inline-form .inline-form--form .gform_wrapper .gfield_label,
.block-inline-form .inline-form--form .gform_wrapper legend,
.block-inline-form .inline-form--form .gform_wrapper .gfield_description,
.block-inline-form .inline-form--form .gform_wrapper .gchoice label,
.block-inline-form .inline-form--form .gform_wrapper .gfield_required {
    color: inherit !important;
}

/* Multi-input fields (e.g. Name): same label-to-input gap as single fields, and small sans sub-labels (First / Last) */
/* The theme gives .gform-grid-row margin-top: 20px !important and row-gap: 30px !important site-wide */
.block-inline-form .inline-form--form .gform_wrapper .ginput_complex {
    margin-top: 0 !important;
    row-gap: 1rem !important;
}

.block-inline-form .inline-form--form .gform_wrapper .gform-field-label--type-sub {
    font-family: Public Sans, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.block-inline-form .inline-form--form .gform_wrapper .gform_footer {
    margin-top: 1rem;
    padding: 0;
}

/* Buttons: Next and Submit are always yellow (primary) with dark text.
   Covers single-step forms (.gform_footer) and multi-step forms (.gform_page_footer: Next / Previous / Submit). */
.block-inline-form .inline-form--form .gform_wrapper .gform_footer .gform_button,
.block-inline-form .inline-form--form .gform_wrapper .gform_page_footer .gform_button,
.block-inline-form .inline-form--form .gform_wrapper .gform_page_footer .gform_next_button {
    background-color: var(--color-primary) !important;
    border: 3px solid var(--color-primary) !important;
    color: var(--color-dark) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Next: the theme's chevron sits at a fixed 95px (sized for "Next"), so pin it to the right edge instead */
.block-inline-form .inline-form--form .gform_wrapper .gform_page_footer .gform_next_button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' viewBox='0 0 9 13'%3E%3Cpath d='M5.434 6.672l-4.6-4.6 1.4-1.4 6 6-6 6-1.4-1.4 4.6-4.6z' fill='%23121213'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1.25rem center !important;
    padding-right: 3rem !important;
}

/* Previous: black outline (secondary) style */
.block-inline-form .inline-form--form .gform_wrapper .gform_page_footer .gform_previous_button {
    background-color: transparent !important;
    border: 3px solid var(--color-dark) !important;
    color: var(--color-dark) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Editor-only placeholder shown instead of the live form (type comes from theme classes) */
.block-inline-form .inline-form--placeholder {
    padding: 2rem;
    border: 2px dashed currentColor;
    text-align: center;
}