/**
 * HHE Hair Health Plan — Structural Form CSS
 *
 * Minimal layout and functional styles only.
 * Visual styling (colours, borders, backgrounds) should be added
 * via WPBakery page CSS or your child theme.
 *
 * @package HHE_Hair_Health_Plan
 * @since 1.9.0
 */

/* Container */
.hhe-plan-intake {
    margin: 0;
    padding: 2em 0 1em;
}

/* Field groups */
.hhe-plan-field {
    margin-bottom: 1.8em;
}

.hhe-plan-field label {
    display: block;
    margin-bottom: 0.5em;
}

.hhe-plan-field label .required {
    margin-left: 2px;
}

/* Inputs fill container */
.hhe-plan-field input[type="text"],
.hhe-plan-field textarea,
.hhe-plan-field select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.hhe-plan-field textarea {
    min-height: 180px;
    resize: vertical;
}

/* Consent section */
.hhe-plan-consent {
    margin-top: 2em;
    padding-top: 1.5em;
}

.hhe-consent-framing {
    margin-bottom: 1.2em;
    line-height: 1.6;
}

/* Checkbox layout */
.hhe-plan-checkbox {
    margin-bottom: 1em;
}

.hhe-plan-checkbox label {
    display: flex;
    align-items: flex-start;
    gap: 0.7em;
    cursor: pointer;
}

.hhe-plan-checkbox input[type="checkbox"] {
    flex-shrink: 0;
    margin-top: 3px;
}

/* Privacy notice */
.hhe-privacy-short-notice {
    margin-top: 1.2em;
    line-height: 1.6;
}

/* Form anchor wrapper */
#hhe-plan-form-anchor {
    scroll-margin-top: 80px;
}

/* Mobile: prevent iOS zoom on input focus */
@media (max-width: 768px) {
    .hhe-plan-field input[type="text"],
    .hhe-plan-field textarea,
    .hhe-plan-field select {
        font-size: 16px;
    }
}