/* =========================================================================
   AFREZZA START SHEET — page-scoped styles
   Every selector is double-scoped:
     1. body.page-afrezza-start-sheet  (only this page)
     2. .gform_wrapper                 (only inside the form)
   This way no rule can leak to the WP admin bar, other pages, or any
   element outside the form.
   ========================================================================= */

body.page-afrezza-start-sheet { background: #FFF; }

/* Outer page container — gives the form some breathing room */
body.page-afrezza-start-sheet .site-content > article,
body.page-afrezza-start-sheet .entry-content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 24px 40px;
    box-sizing: border-box;
}

/* ---- Gravity Forms wrapper ---- */
body.page-afrezza-start-sheet .gform_wrapper {
    max-width: 100%;
    font-family: 'HelveticaNeueLTPro-Roman', 'HelveticaNeueLTPro', sans-serif;
}

/* ---- All headings inside the form → purple, condensed ---- */
body.page-afrezza-start-sheet .gform_wrapper h1,
body.page-afrezza-start-sheet .gform_wrapper h2,
body.page-afrezza-start-sheet .gform_wrapper h3,
body.page-afrezza-start-sheet .gform_wrapper h4,
body.page-afrezza-start-sheet .gform_wrapper h5,
body.page-afrezza-start-sheet .gform_wrapper h6,
body.page-afrezza-start-sheet .gform_wrapper .gform_heading,
body.page-afrezza-start-sheet .gform_wrapper .gform_title,
body.page-afrezza-start-sheet .gform_wrapper .gsection_title,
body.page-afrezza-start-sheet .gform_wrapper .header-text {
    color: #5E0D8B !important;
    font-family: 'CeraPro-Regular', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.16px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: none !important;
}

body.page-afrezza-start-sheet .gform_wrapper h1,
body.page-afrezza-start-sheet .gform_wrapper .gform_title,
body.page-afrezza-start-sheet .gform_wrapper .header-text {
    font-size: 24px !important;
    line-height: 30px !important;
    margin: 0 0 12px !important;
}

body.page-afrezza-start-sheet .gform_wrapper h2 { font-size: 20px !important; line-height: 26px !important; }
body.page-afrezza-start-sheet .gform_wrapper h3,
body.page-afrezza-start-sheet .gform_wrapper .gsection_title { font-size: 18px !important; line-height: 24px !important; }

body.page-afrezza-start-sheet .gform_wrapper .gsection,
body.page-afrezza-start-sheet .gform_wrapper .gfield--type-section {
    margin: 14px 0 6px !important;
    padding: 0 !important;
    border: none !important;
}

/* ---- Description / helper paragraphs ---- */
body.page-afrezza-start-sheet .gform_wrapper .gfield_description {
    margin-top: 4px;
    color: #555;
    font-size: 12px;
    line-height: 16px;
}

/* ---- Field labels ---- */
body.page-afrezza-start-sheet .gform_wrapper .gfield_label,
body.page-afrezza-start-sheet .gform_wrapper .gform-field-label {
    display: inline-block;
    margin: 0 0 4px;
    color: #1D1D1D;
    font-family: 'HelveticaNeueLTPro-Bd', 'HelveticaNeueLTPro', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

body.page-afrezza-start-sheet .gform_wrapper .gform-field-label--type-sub {
    font-size: 12px;
    font-weight: 400;
    color: #555;
    margin-top: 2px;
}

body.page-afrezza-start-sheet .gform_wrapper .gfield_required {
    color: #BD1A8D;
    margin-left: 2px;
    font-weight: 700;
}

/* ---- Inputs / selects / textareas — scoped to .gform_wrapper only ---- */
body.page-afrezza-start-sheet .gform_wrapper input[type="text"],
body.page-afrezza-start-sheet .gform_wrapper input[type="email"],
body.page-afrezza-start-sheet .gform_wrapper input[type="tel"],
body.page-afrezza-start-sheet .gform_wrapper input[type="number"],
body.page-afrezza-start-sheet .gform_wrapper input[type="url"],
body.page-afrezza-start-sheet .gform_wrapper input[type="password"],
body.page-afrezza-start-sheet .gform_wrapper input[type="date"],
body.page-afrezza-start-sheet .gform_wrapper select,
body.page-afrezza-start-sheet .gform_wrapper textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #5E0D8B;
    border-radius: 6px;
    background: #FFF;
    color: #1D1D1D;
    font-family: 'HelveticaNeueLTPro-Roman', 'HelveticaNeueLTPro', sans-serif;
    font-size: 14px;
    line-height: 20px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.page-afrezza-start-sheet .gform_wrapper input:focus,
body.page-afrezza-start-sheet .gform_wrapper select:focus,
body.page-afrezza-start-sheet .gform_wrapper textarea:focus {
    border-color: #9B1889;
    box-shadow: 0 0 0 2px rgba(155, 24, 137, 0.12);
}

body.page-afrezza-start-sheet .gform_wrapper textarea {
    min-height: 80px;
    resize: vertical;
}

body.page-afrezza-start-sheet .gform_wrapper ::placeholder {
    color: #888;
    opacity: 1;
}

/* ---- Field rows / grid — tighter gaps ---- */
body.page-afrezza-start-sheet .gform_wrapper .gform_fields {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}

body.page-afrezza-start-sheet .gform_wrapper .gfield { grid-column: span 12; }
body.page-afrezza-start-sheet .gform_wrapper .gfield--width-quarter { grid-column: span 3; }
body.page-afrezza-start-sheet .gform_wrapper .gfield--width-third { grid-column: span 4; }
body.page-afrezza-start-sheet .gform_wrapper .gfield--width-half { grid-column: span 6; }
body.page-afrezza-start-sheet .gform_wrapper .gfield--width-three-quarter { grid-column: span 9; }
body.page-afrezza-start-sheet .gform_wrapper .gfield--width-eleven-twelfths { grid-column: span 11; }
body.page-afrezza-start-sheet .gform_wrapper .gfield--width-full { grid-column: span 12; }

body.page-afrezza-start-sheet .gform_wrapper .gform-grid-row {
    display: flex;
    gap: 10px;
}
body.page-afrezza-start-sheet .gform_wrapper .gform-grid-col {
    flex: 1 1 0;
}

/* ---- Checkboxes / radios ---- */
body.page-afrezza-start-sheet .gform_wrapper .gfield_checkbox,
body.page-afrezza-start-sheet .gform_wrapper .gfield_radio {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.page-afrezza-start-sheet .gform_wrapper .gchoice,
body.page-afrezza-start-sheet .gform_wrapper .gfield_checkbox li,
body.page-afrezza-start-sheet .gform_wrapper .gfield_radio li {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.page-afrezza-start-sheet .gform_wrapper input[type="checkbox"],
body.page-afrezza-start-sheet .gform_wrapper input[type="radio"] {
    width: 16px;
    height: 16px;
    accent-color: #5E0D8B;
    flex-shrink: 0;
}

body.page-afrezza-start-sheet .gform_wrapper .gchoice label,
body.page-afrezza-start-sheet .gform_wrapper .gfield_checkbox label,
body.page-afrezza-start-sheet .gform_wrapper .gfield_radio label {
    color: #1D1D1D;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    font-weight: 400;
}

/* ---- Body text inside HTML fields ---- */
body.page-afrezza-start-sheet .gform_wrapper .gfield_html {
    color: #1D1D1D;
    font-size: 14px;
    line-height: 20px;
}

/* ---- Validation errors ---- */
body.page-afrezza-start-sheet .gform_wrapper .gfield_error input,
body.page-afrezza-start-sheet .gform_wrapper .gfield_error select,
body.page-afrezza-start-sheet .gform_wrapper .gfield_error textarea {
    border-color: #BD1A8D;
    box-shadow: 0 0 0 2px rgba(189, 26, 141, 0.12);
}

body.page-afrezza-start-sheet .gform_wrapper .validation_error,
body.page-afrezza-start-sheet .gform_wrapper .gfield_validation_message,
body.page-afrezza-start-sheet .gform_wrapper .validation_message {
    margin-top: 4px;
    color: #BD1A8D;
    font-size: 12px;
    font-weight: 700;
}

/* ---- Submit button — orange pill, ONLY inside the Gravity Forms wrapper.
       This is the key fix that stops the admin-bar search from being styled. */
body.page-afrezza-start-sheet .gform_wrapper input[type="submit"],
body.page-afrezza-start-sheet .gform_wrapper button[type="submit"],
body.page-afrezza-start-sheet .gform_wrapper button.gform_button,
body.page-afrezza-start-sheet .gform_wrapper .gform_button,
body.page-afrezza-start-sheet .gform_wrapper .gform_next_button,
body.page-afrezza-start-sheet .gform_wrapper .gform_previous_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 41px !important;
    padding: 12px 28px !important;
    border: none !important;
    border-radius: 32px !important;
    background: #F5AB2F !important;
    color: #1D1D1D !important;
    font-family: 'HelveticaNeueLTPro-BdCn', 'HelveticaNeueLTPro', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 100% !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    transition: background-color 0.12s ease, color 0.12s ease !important;
}

body.page-afrezza-start-sheet .gform_wrapper input[type="submit"]:hover,
body.page-afrezza-start-sheet .gform_wrapper button[type="submit"]:hover,
body.page-afrezza-start-sheet .gform_wrapper button.gform_button:hover,
body.page-afrezza-start-sheet .gform_wrapper .gform_button:hover,
body.page-afrezza-start-sheet .gform_wrapper .gform_next_button:hover,
body.page-afrezza-start-sheet .gform_wrapper .gform_previous_button:hover {
    background: #E98300 !important;
    color: #FFF !important;
    opacity: 1 !important;
}

body.page-afrezza-start-sheet .gform_wrapper .gform_footer,
body.page-afrezza-start-sheet .gform_wrapper .gform_page_footer {
    margin-top: 18px !important;
    padding: 0 !important;
    text-align: left !important;
}

/* ---- Confirmation message ---- */
body.page-afrezza-start-sheet .gform_confirmation_wrapper,
body.page-afrezza-start-sheet .gform_confirmation_message {
    padding: 18px;
    background: #F2DAEC;
    border-radius: 8px;
    color: #1D1D1D;
    font-family: 'HelveticaNeueLTPro-Bd', 'HelveticaNeueLTPro', sans-serif;
    font-size: 15px;
    line-height: 22px;
}

/* ---- Required-fields legend ---- */
body.page-afrezza-start-sheet .gform_wrapper .gform_required_legend {
    color: #BD1A8D;
    font-size: 12px;
    font-style: italic;
    margin: 0 0 8px;
}

/* ---- Existing inline circle/text snippets used in the form ---- */
body.page-afrezza-start-sheet .gform_wrapper .circle {
    width: 56px;
    height: 56px;
    background-color: #5E0D8B;
    color: #FFF;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}
body.page-afrezza-start-sheet .gform_wrapper .text {
    margin-left: 10px;
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 700;
}
body.page-afrezza-start-sheet .gform_wrapper .grey-box {
    background-color: #F2F2F2;
    padding: 14px;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 16px;
}

/* ============================================
   RESPONSIVE — force a clean single column on mobile.
   Gravity Forms also lays out grids INSIDE complex fields (name first/last,
   etc.) so we have to stack those rows too.
   ============================================ */
@media (max-width: 1024px) {
    body.page-afrezza-start-sheet .site-content > article,
    body.page-afrezza-start-sheet .entry-content {
        padding: 20px 16px 30px;
    }

    /* Outer fields grid → single column */
    body.page-afrezza-start-sheet .gform_wrapper .gform_fields {
        display: block !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    body.page-afrezza-start-sheet .gform_wrapper .gfield {
        grid-column: span 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
        display: block !important;
    }

    /* Every Gravity Forms width modifier → full width on mobile */
    body.page-afrezza-start-sheet .gform_wrapper .gfield--width-quarter,
    body.page-afrezza-start-sheet .gform_wrapper .gfield--width-third,
    body.page-afrezza-start-sheet .gform_wrapper .gfield--width-half,
    body.page-afrezza-start-sheet .gform_wrapper .gfield--width-three-quarter,
    body.page-afrezza-start-sheet .gform_wrapper .gfield--width-eleven-twelfths,
    body.page-afrezza-start-sheet .gform_wrapper .gfield--width-full {
        grid-column: span 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
    }

    /* Inner complex-field rows (First/Last name, etc.) → stack */
    body.page-afrezza-start-sheet .gform_wrapper .gform-grid-row,
    body.page-afrezza-start-sheet .gform_wrapper .ginput_complex {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
    body.page-afrezza-start-sheet .gform_wrapper .gform-grid-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    /* Any HTML field with inline layout (the Step circles, grey-box, etc.) */
    body.page-afrezza-start-sheet .gform_wrapper .gfield_html {
        display: block !important;
    }
    body.page-afrezza-start-sheet .gform_wrapper .circle {
        display: flex !important;
        margin-bottom: 6px;
    }
    body.page-afrezza-start-sheet .gform_wrapper .text {
        display: block !important;
        margin-left: 0 !important;
    }
    body.page-afrezza-start-sheet .gform_wrapper .grey-box {
        display: block !important;
        width: 100%;
        font-size: 14px;
    }

    /* Titles — smaller on mobile */
    body.page-afrezza-start-sheet .gform_wrapper h1,
    body.page-afrezza-start-sheet .gform_wrapper .gform_title,
    body.page-afrezza-start-sheet .gform_wrapper .header-text {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    body.page-afrezza-start-sheet .gform_wrapper h2,
    body.page-afrezza-start-sheet .gform_wrapper h3,
    body.page-afrezza-start-sheet .gform_wrapper .gsection_title {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    /* Submit button full-width on mobile feels better */
    body.page-afrezza-start-sheet .gform_wrapper input[type="submit"],
    body.page-afrezza-start-sheet .gform_wrapper button[type="submit"],
    body.page-afrezza-start-sheet .gform_wrapper button.gform_button,
    body.page-afrezza-start-sheet .gform_wrapper .gform_button {
        width: 100% !important;
    }
}