/* PBM-REVIEW (ревью вёрстки 06.10.2026): mobile-forms.css — мобильные правки страниц форм (≤1085px),
   подключается из index.php после всех стилей (в т.ч. после mobile.css и партиалов mobile-*.css).
   Общие компоненты (выпадающий список, Qazaq, чекбокс, окно «Выбор изображения») — pbm-forms.css. */
@media (max-width:1085px){

/* =====================================================================
   1. Выпадающий список (.pbm-sel) на мобиле — раскрывающийся блок: список внутри рамки под строкой
   выбранного значения и разделителем (макеты 12-добавить пост_адаптив-p1-i2, 15-компании_адаптив-p1-i3)
   ===================================================================== */
body.pbm .pbm-sel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;}
body.pbm .pbm-sel.is-invalid,
body.pbm .pbm-sel.is-invalid-native{border-color:#b34545;}
body.pbm .pbm-sel__btn{height:36px;border:0;border-radius:8px;background:transparent;font-size:14px;}
body.pbm .pbm-sel__btn:focus-visible{box-shadow:none;}
body.pbm .pbm-sel:focus-within{border-color:#08a5c5;}
body.pbm .pbm-sel.is-open:focus-within{border-color:#e5e7eb;}
body.pbm .pbm-sel__list{
    position:static;max-height:252px;margin:0 10px;padding:6px 0 8px;overflow-y:auto;-webkit-overflow-scrolling:touch;
    border-top:1px solid #e5e7eb;
}
body.pbm .pbm-sel__opt{padding:5px 0;font-weight:500;font-size:14px;line-height:20px;color:#1e1e1e;}
body.pbm .pbm-sel__opt.is-ph{color:#6b7280;}
body.pbm .pbm-sel__opt.is-selected{color:#08a5c5;}
body.pbm .pbm-sel__opt.is-active:not(.is-selected){color:#1e1e1e;}

/* =====================================================================
   2. Окно входа (mod_slogin): ВХ-М-1 — у логина глаза нет, ВХ-М-3 — у пароля рабочая кнопка .pbm-pw-eye
   (в mobile.css оба глаза были картинкой ::after без обработчика)
   ===================================================================== */
body.pbm #login-modal-form #form-login-username::after,
body.pbm #login-modal-form #form-login-password::after{content:none!important;display:none!important;}
body.pbm .jlslogin #login-modal-form #form-login-username input.inputbox{padding-right:10px!important;}
body.pbm .jlslogin #login-modal-form #form-login-password input.inputbox{padding-right:42px!important;}
body.pbm #login-modal-form .pbm-pw-eye{right:4px;}
/* ВХ-М-2: Google «G» вместо «g+», все иконки одного размера (mobile.css задаёт png «g+» и contain с !important) */
body.pbm #login-modal-form #slogin-buttons .googleslogin{background-image:url(../images/forms/soc-google.svg)!important;background-size:34px 34px!important;}
body.pbm #login-modal-form #slogin-buttons .facebookslogin{background-size:40.5px 40.5px!important;}
body.pbm #login-modal-form #slogin-buttons .twitterslogin{background-size:40.5px 40.5px!important;}
body.pbm #login-modal-form #slogin-buttons a{border-radius:5px;overflow:hidden;}

/* =====================================================================
   3. Контакты (КТ-М-1, КТ-М-3, макет 19-контакты_адаптив)
   ===================================================================== */
/* КТ-М-1: «Отправить» стояла вплотную к подвалу */
body.pbm.pbm-page-contacts .contact-form{margin:0 0 40px;}
body.pbm.pbm-page-contacts #contact-form .form-actions{margin:6px 0 0;padding:0;}
/* КТ-М-3: чекбокс «Отправить копию сообщения на мой адрес» — скруглённый контур с синей галочкой, подпись справа */
/* (mobile.css задаёт всем чекбоксам форм width/height 18px !important — перебиваем точнее) */
body.pbm.pbm-page-contacts #contact-form input[type="checkbox"]{
    -webkit-appearance:none;appearance:none;flex:none;display:block;width:25px!important;height:25px!important;min-width:0;margin:0!important;padding:0!important;box-sizing:border-box;
    border:1px solid #e1e5ea;border-radius:8px;background:#fff no-repeat center/25px 25px;box-shadow:none;cursor:pointer;
}
body.pbm.pbm-page-contacts #contact-form input[type="checkbox"]:checked{border-color:transparent;background-image:url(../images/forms/check.svg);}
body.pbm.pbm-page-contacts #contact-form .control-group:has(input[type="checkbox"]){gap:10px;margin:4px 0 14px;}
body.pbm.pbm-page-contacts #contact-form .control-group:has(input[type="checkbox"]) > .control-label label{
    display:inline;margin:0;font-family:var(--pb-font);font-weight:500;font-size:14px;line-height:1.3;color:#000;
}

/* =====================================================================
   4. Настройки профиля (НП-М-2, НП-М-3, НП-М-4)
   ===================================================================== */
/* НП-М-2: ключи доступа — строки таблицы плагина «Ключ — Редактировать — Удалить», внизу «Добавить ключ +»
   (mobile-account.js больше не переносит кнопки плагина: из-за переноса они переставали работать) */
body.pbm.pbm-page-profile-edit #member-profile .plg_system_webauthn.pbm-keys{display:block;gap:0;}
body.pbm.pbm-page-profile-edit #member-profile .plg_system_webauthn tbody tr{min-height:45px;padding:8px 0;gap:6px;}
body.pbm.pbm-page-profile-edit #member-profile .plg_system_webauthn tbody th.webauthnManagementCell{font-size:12px;font-weight:500;white-space:normal;}
body.pbm.pbm-page-profile-edit #member-profile .plg_system_webauthn .btn{height:26px;padding:0 10px;border-radius:6px;font-size:12px;}
body.pbm.pbm-page-profile-edit #member-profile .plg_system_webauthn-manage-add-container{margin:10px 0 0;}
body.pbm.pbm-page-profile-edit #member-profile .plg_system_webauthn #plg_system_webauthn-manage-add{
    display:flex!important;width:100%;height:36px;border-radius:6px;
}
body.pbm.pbm-page-profile-edit #member-profile #plg_system_webauthn-manage-add::before{font-size:16px;font-weight:500;}
/* НП-М-3: аватар — подпись «Аватар», квадратное серое превью по центру, под ним «Выбрать изображение».
   Превью стало видно всегда: и без картинки, и когда в поле битая ссылка (раньше пусто) */
body.pbm.pbm-page-profile-edit form#member-profile > .pbm-f-avatar{display:block;}
body.pbm.pbm-page-profile-edit form#member-profile > .pbm-f-avatar > .control-label{display:block!important;width:auto;margin:0 0 18px;}
body.pbm.pbm-page-profile-edit form#member-profile .field-media-preview{
    display:block!important;position:relative;width:200px;height:200px;margin:0 auto;padding:0;overflow:hidden;
    border:1px solid #e5e7eb;border-radius:5px;background:#d9d9d9 url(../images/m/ph-avatar.svg) no-repeat center/cover;
}
body.pbm.pbm-page-profile-edit form#member-profile .field-media-preview > img,
body.pbm.pbm-page-profile-edit form#member-profile .field-media-preview .preview_img,
body.pbm.pbm-page-profile-edit form#member-profile .field-media-preview .preview_img img{
    display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;
}
body.pbm.pbm-page-profile-edit form#member-profile .field-media-preview .preview_empty,
body.pbm.pbm-page-profile-edit form#member-profile .field-media-preview.pbm-media-empty > *{display:none!important;}
/* НП-М-4: буква «А» справа в воздухе — это была подпись «Аватар», которую общий стиль чекбоксов
   (pbm-forms.css, исправлен) ставил справа от поля; на всякий случай группа аватара — всегда столбиком */
body.pbm.pbm-page-profile-edit form#member-profile > .pbm-f-avatar{flex-direction:column;}
/* индикатор сложности пароля (meter ядра) в макете не нарисован */
body.pbm.pbm-page-profile-edit form#member-profile .password-group meter,
body.pbm.pbm-page-profile-edit form#member-profile .password-group [id^="password-"]{display:none!important;}

/* =====================================================================
   5. Добавить пост: выпадающие списки «Категория*» / «Тема» (ДП-М-2)
   ===================================================================== */
body.pbm.pbm-page-add-post .page-add-post .pbm-sel--post .pbm-sel__btn{font-size:14px;}
body.pbm.pbm-page-add-post .page-add-post .pbm-sel--post.is-ph .pbm-sel__btn{font-weight:500;color:#6b7280;}

/* =====================================================================
   6. Компании — шторка «Фильтры» (КС-М-2, КС-М-3, макеты 15-компании_адаптив-p1-i3, -p1-i5)
   ===================================================================== */
body.pbm.pbm-page-companies .pbm-cfilter .pbm-sel__btn{font-size:14px;}
/* Qazaq Product: серая → зелёная, под ней пояснение (кнопку строит pbm-forms.js поверх чекбокса #qazaq_product) */
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_qazaq-product.pbm-qz-host,
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_qazaq-product.pbm-qz-host.checked{
    display:block;height:auto;margin:5px 0 0;padding:0;border-radius:0;background:none;cursor:default;
}
body.pbm.pbm-page-companies .pbm-cfilter .pbm-qz-host > .qazaq-product-img,
body.pbm.pbm-page-companies .pbm-cfilter .pbm-qz-host > input{display:none!important;}
body.pbm.pbm-page-companies .pbm-cfilter .pbm-qz-note{font-size:12px;line-height:16px;}

} /* /media */