/**
 * Custom CSS Overrides for Twenty Twenty-Four
 * This file loads after all other styles to ensure overrides work correctly
 */

/* WPForms Payment Checkbox - Display as flex instead of grid */
div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul {
    display: flex!important;
}

div.wpforms-container-full input[type=text] {
    max-width: 355px !important;
}

wpforms-container .wpforms-field {
    padding: 10px 0 !important;
}

div.wpforms-container-full button[type=submit] {
    width: 100% !important;
    max-width: 355px !important;
}

.wpforms-container .wpforms-required-label {
    display: none !important;
}

.wpforms-container .wpforms-form .wpforms-field-label {
    width: 700px !important;
}

.wpforms-container .wpforms-field {
    padding: 9px 0 !important;
}


@media (min-width: 1200px) {
    .wpforms-container .wpforms-field {
        display: flex !important;
        max-width: 700px;
        justify-content: end;
    }

    div.wpforms-container-full input[type=text] {
        max-width: 500px !important;
    }

    .wpforms-container .wpforms-form .wpforms-field-label {
        text-align: right !important;
        margin-left: -1rem !important;
        margin-right: 1rem !important;
    }

    div.wpforms-container-full .wpforms-form .wpforms-submit-container {
        display: flex !important;
        justify-content: end !important;
        max-width: 700px !important;
    }

    div.wpforms-container-full ul, div.wpforms-container-full ul li {
        justify-content: end !important;
    }
}