/* =============================================
   Contact Form 7 Block - Beautiful full-width inputs
   Works with align none / wide / full
   ============================================= */

/* Base form container */
.wp-block-contact-form-7-contact-form-selector .wpcf7 {
    width: 100%;                    /* Always take full available width */
    max-width: 100%;                /* Prevent overflow */
    box-sizing: border-box;
}

/* Make ALL inputs, textareas, and selects 100% wide inside the form */
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

.wp-block-contact-form-7-contact-form-selector input:not([type="submit"]),
.wp-block-contact-form-7-contact-form-selector input:not([type="checkbox"]):not([type="radio"]),
.wp-block-contact-form-7-contact-form-selector textarea,
.wp-block-contact-form-7-contact-form-selector select {
    width: 100% !important;         /* Force 100% for beautiful full design */
    box-sizing: border-box;
    display: block;
}

/* Optional: nicer spacing and modern look */
.wp-block-contact-form-7-contact-form-selector .wpcf7-form p {
    margin-bottom: 1.5em;
}

/* Submit button - make it full width too (common for beautiful designs) */
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
    width: 100%;
    padding: 14px 20px;
}

/* =============================================
   Alignment-specific tweaks (optional but useful)
   ============================================= */

/* When user chooses "Wide" alignment */
.wp-block-contact-form-7-contact-form-selector.alignwide {
    /* You can add extra padding or max-width if you want */
    /* max-width: 1200px; margin-left: auto; margin-right: auto; */
}

/* When user chooses "Full" alignment - make it truly edge-to-edge if desired */
.wp-block-contact-form-7-contact-form-selector.alignfull {
    /* Usually no extra needed - the alignfull class already handles layout */
    /* You can add background or padding here if your design needs it */
}

/* =============================================
   Bonus: Even cleaner form layout (recommended)
   ============================================= */

.wp-block-contact-form-7-contact-form-selector label {
    display: block;
    margin-bottom: 0.4em;
    font-weight: 600;
}