/* coli-styles.css */

.coli-accordion .e-n-accordion-item-title-header {
    width: 100%;
}

.coli-accordion .e-n-accordion-item-title-text {
    width: 100%;
    display: flex;
    justify-content: space-between; /* Aligns child elements to left and right */
    align-items: center; /* Centers elements vertically */
}

.coli-accordion .coli-result {
    font-size: 0.8em;
    font-family: "Montserrat", Arial, Sans-Serif;
}

.coli-result {
    font-size: 0.6em;
}

.coli-table thead tr th {
    font-size: 0.5em;
    text-align: right;
}

.coli-table tr td {
    font-size: 0.5em;
    text-align: right;
}

.coli-table tr td:first-child {
    text-align: left;
}

.coli-table thead tr th:first-child {
    text-align: left!important;
}

.coli-table tr td:last-child {
    font-weight: bold;
}

.coli-form .wp-block-group {
    align-items: end;
}

.coli-message {
    font-size: 0.5em;
    line-height: 1.5;
}

.coli-adjusted-income {
    font-size: 2em;
}

#coli-result .jet-form-builder__label-text {
    font-size: 0.7em;
    line-height: 1.5;
}

#coli-result .jet-form-builder-row.field-type-submit-field {
    flex-grow: 1;
}

#coli-result .jet-form-builder-row.field-type-submit-field button {
    flex-grow: 1;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
    .coli-table thead tr th, .coli-table tr td {
        font-size: 0.45em;
        line-height: 1;
        padding: 10px 5px;
        vertical-align: middle;
    }
    
    .coli-table tr td:first-child {
        font-size: 0.4em;
    }
    
    .coli-table thead tr th {
        font-size: 0.4em;
        font-weight: normal;
    }
    
    .coli-table thead tr th:last-child {
        font-weight: bold;
    }

    .coli-result {
        font-size: 0.5em;
    }
    
    #coli-start .jet-form-builder__label-text {
        font-size: 0.875em;
        line-height: 1.5;
    }
    
    #coli-start .jet-form-builder-row.field-type-select-field.wp-block-jet-forms-select-field {
        flex-direction: column;
        width: 100%;
    }
    
    #coli-start .wp-block-group {
        flex-grow: 1;
    }
    
    #coli-start .is-layout-flex {
        display: block;
    }
}