/* Заявки на роль (includes/role-requests.php):
   - регистрация: карточки «Владелец бизнеса» и «Организатор встреч» - заявки, а не роли;
   - «Добавить бизнес» у гостя: блок данных владельца над полями бизнеса. */

/* ── Регистрация: две карточки-галочки ── */
.ibd-role-cards { border: 0; margin: 0 0 20px; padding: 0; min-width: 0; }
.ibd-role-cards legend { padding: 0; margin: 0 0 10px; font-size: 14px; font-weight: 700; color: var(--ibd-text, #1f2937); }
.ibd-role-cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ibd-role-card {
    position: relative; display: flex; flex-direction: column; gap: 4px;
    padding: 14px 14px 14px 44px; border: 1.5px solid var(--ibd-border, #e5e7eb); border-radius: 14px;
    background: #fff; cursor: pointer; transition: border-color .15s, background .15s;
}
.ibd-role-card:hover { border-color: var(--ibd-primary-light, #fba94d); }
.ibd-role-card input {
    position: absolute; left: 14px; top: 15px; width: 18px; height: 18px; margin: 0;
    accent-color: var(--ibd-primary, #f5820a); cursor: pointer;
}
.ibd-role-card b { font-size: 15px; line-height: 1.3; color: var(--ibd-text, #1f2937); }
.ibd-role-card span { font-size: 13px; line-height: 1.45; color: var(--ibd-text-light, #4b5563); }
.ibd-role-card:has(input:checked) { border-color: var(--ibd-primary, #f5820a); background: #fff7ec; }
.ibd-role-card:has(input:focus-visible) { box-shadow: 0 0 0 3px rgba(245, 130, 10, .3); }
.ibd-role-cards .ibd-field-hint { margin: 8px 0 0; }
[dir="rtl"] .ibd-role-card { padding: 14px 44px 14px 14px; }
[dir="rtl"] .ibd-role-card input { left: auto; right: 14px; }

/* ── «Добавить бизнес» гостем: данные владельца ── */
.ibd-owner-fields {
    margin: 0 0 22px; padding: 18px 18px 6px; min-width: 0;
    border: 1.5px solid var(--ibd-border, #e5e7eb); border-radius: 16px; background: #fffaf3;
}
.ibd-owner-fields legend { padding: 0 8px; font-size: 15px; font-weight: 800; color: var(--ibd-text, #1f2937); }
.ibd-owner-fields-next { margin: 0 0 14px; font-size: 17px; font-weight: 800; color: var(--ibd-text, #1f2937); }
.ibd-submit-login a { font-weight: 700; color: var(--ibd-primary-text, #b45309); }
.ibd-submit-login a:hover, .ibd-submit-login a:focus-visible { color: var(--ibd-text, #1f2937); }
.ibd-submit-terms { margin: 4px 0 14px; }
.ibd-submit-terms a { color: var(--ibd-primary-text, #b45309); }
.ibd-submit-terms a:hover, .ibd-submit-terms a:focus-visible { color: var(--ibd-text, #1f2937); }

/* ── «Добавить бизнес»: найти бизнес на карте (business-place-picker.js) ── */
.ibd-sb-place { padding: 16px; border-radius: 16px; background: #f4f9fd; border: 1.5px solid #dbeaf5; }
.ibd-sb-map { height: 280px; margin-top: 10px; border-radius: 14px; overflow: hidden; border: 1px solid var(--ibd-border, #e5e7eb); }
.ibd-sb-map[hidden] { display: none; }
.ibd-sb-map-toggle {
    align-self: flex-start; margin-top: 8px; padding: 8px 14px; border-radius: 999px; cursor: pointer;
    font: inherit; font-weight: 700; font-size: 14px; color: var(--ibd-text, #1f2937);
    background: #fff; border: 1.5px solid var(--ibd-border, #e5e7eb);
}
.ibd-sb-map-toggle:hover, .ibd-sb-map-toggle:focus-visible { border-color: var(--ibd-primary, #f5820a); color: var(--ibd-text, #1f2937); }
.ibd-sb-map-toggle[hidden] { display: none; }
@media (max-width: 520px) { .ibd-sb-map { height: 240px; } }

/* Ловушка для ботов: убрана с экрана, но не display:none - иначе часть ботов её пропускает. */
.ibd-sb-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 520px) {
    .ibd-role-cards-grid { grid-template-columns: 1fr; }
    .ibd-owner-fields { padding: 14px 12px 4px; }
}
@media (prefers-reduced-motion: reduce) {
    .ibd-role-card { transition: none; }
}