/* 1. Expand the CF7 container, cap its max width, and align it to the right */
div.wpcf7 {
    width: 100% !important;
    max-width: 580px !important; /* Adjust this value if you want it slightly wider/narrower */
    margin-left: auto !important; /* Keeps the form pushed to the right side */
}

form.drc-form {
    width: 100% !important;
}

/* 2. Force CF7 field wrappers to expand to the 580px container width */
.drc-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

/* 3. Force inputs and textarea to fill 100% of the wrapper */
.drc-form .wpcf7-form-control-wrap input:not([type="checkbox"]):not([type="radio"]),
.drc-form .wpcf7-form-control-wrap textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 4. Align bottom acceptance checkbox and submit button */
.drc-form .accept-group {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.drc-form .accept .wpcf7-form-control-wrap {
    display: inline-block !important;
    width: auto !important;
}

.drc-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 0 !important;
    padding: 0 !important;
}

.drc-form .wpcf7-acceptance label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
}