/* BoostHub modal form helpers extracted from main.css.
   Keep this file loaded after main.css and before modal-system.css/modal-auth.css. */

/* Светлые метки для модалок на светлом фоне. Не трогать wrapMw_login / wrapMw_signup — там тёмная тема (modal-system). */
.wrapMw_faq .label,
.wrapMw_vacancy .label,
.wrapMw_editStatus .label,
.wrapMw_editInfo .label,
.wrapMw_editPass .label,
.wrapData_funds .label,
.wrapMw_сhangeAvatar .label {
    color: #152030;
}

.wrapMw_сhangeAvatar .field {
    color: #000;
}

.wrapMw_faq .field,
.wrapMw_vacancy .field,
.wrapMw_review .field,
.wrapMw_editStatus .field,
.wrapMw_editInfo .field,
.wrapMw_editPass .field,
.wrapData_funds .field {
    border: 2px solid #bbc0c8;
}

.wrapData_funds {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0 0 13px;
}

.wrapData_funds .label {
    margin: 0 11px 0 0;
}

.wrapData_funds .field {
    max-width: 266px;
    width: 266px;
    margin: 0 0 10px;
}

.wrapMw_editInfo .fieldDesc {
    color: #8c9197;
    font-family: var(--bh-font-sans);
    font-size: 1.3rem;
    line-height: 1.2;
    margin: 6px 0 0;
}

.wrapData_funds .fieldDesc {
    color: #162938;
    font-family: var(--bh-font-sans);
    font-size: 1.6rem;
    line-height: 1;
    margin: 0 0 0 10px;
}

.wrapMw_funds .payMethod__ttl {
    color: #152030;
    font-family: var(--bh-font-sans);
    font-size: 1.6rem;
    line-height: 1.2;
}

.wrapData_editStatus {
    margin: 0 0 19px;
    width: 100%;
}

.wrapData_editStatus .label {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    margin: 0 0 8px;
}

.wrapData_editStatus .field {
    width: 100%;
    margin: 0;
}

.wrapChekbox_editInfo .cartChek_2___txt {
    color: #152030;
    font-family: var(--bh-font-sans);
    font-size: 1.6rem;
    line-height: 1;
}

.wrapData .review-error {
    padding: 0;
}

.wrapChekbox_editInfo {
    margin: 0 0 24px;
}

.form_editInfo,
.form_editPass {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.wrapData_editInfo,
.wrapData_editPass {
    max-width: calc(50% - 17px);
    width: calc(50% - 17px);
    flex: none;
}

.wrapData_editPass:first-of-type {
    max-width: 100%;
    width: 100%;
    padding: 0 calc(50% + 17px) 0 0;
    box-sizing: border-box;
}

.form_faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wrapData_faq_1,
.wrapData_faq_2 {
    max-width: calc(50% - 18px);
    width: calc(50% - 18px);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.wrapData_faq_3,
.wrapData_faq_4 {
    max-width: 100%;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.wrapData_faq_3 {
    margin: 0 0 22px;
}

.wrapData_review_5 .cartChek_2___txt {
    color: #152030;
    font-family: var(--bh-font-sans);
    font-size: 1.6rem;
    line-height: 1;
}

.wrapData_review_5 .cartChek_2__lbl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.form_review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.explanation_review {
    color: #152030;
    font-family: var(--bh-font-sans);
    font-size: 1.6rem;
    line-height: 1;
}

.wrapData_review_5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wrapData_review_5 .wrapChekbox {
    margin: 0 5px;
}

.wrapData_review_1,
.wrapData_review_2 {
    width: calc(50% - 17px);
}

.wrapData_review_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .wrapData_review_5 .wrapChekbox {
        margin: 0 5px;
        max-width: 100%;
        width: 100%;
    }

    .wrapData_editInfo,
    .wrapData_editPass {
        max-width: 100%;
        width: 100%;
    }

    .wrapData_editPass:first-of-type {
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    .wrapData_review_1,
    .wrapData_review_2 {
        width: 100%;
    }

    .wrapData_funds .field {
        max-width: 70%;
        width: 70%;
        margin: 0 0 10px;
    }

    .wrapData_funds .label {
        margin: 0 11px 10px 0;
        width: 100%;
    }
}
