/* OttawaBBS community tools: similar topics and member bio. @since 0.12.0 */

#wpforo #wpforo-wrap .obbs-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ---------- Similar topics ---------- */
#wpforo #wpforo-wrap .obbs-similar {
    margin: 10px 0 0;
    padding: 12px 14px;
    border: 1px solid #E3E6EA;
    border-radius: 12px;
    background: #FAFBFB;
    font-size: 14px;
    line-height: 1.6;
}
#wpforo #wpforo-wrap .obbs-similar-head {
    margin: 0 0 6px;
    padding: 0;
    color: #4A5560;
    font-size: 13px;
}
#wpforo #wpforo-wrap .obbs-similar-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
#wpforo #wpforo-wrap .obbs-similar-list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2px 12px;
    margin: 0;
    padding: 6px 0;
    border-top: 1px solid #EEF0F2;
    list-style: none;
}
#wpforo #wpforo-wrap .obbs-similar-list li:first-child {
    border-top: 0;
}
#wpforo #wpforo-wrap .obbs-similar-list a {
    color: #15202B;
    font-weight: 500;
    text-decoration: none;
}
#wpforo #wpforo-wrap .obbs-similar-list a:hover {
    color: #A50D26;
}
#wpforo #wpforo-wrap .obbs-similar-meta {
    color: #5B6672;
    font-size: 12px;
}

/* ---------- Member bio (inside the profile header) ---------- */
/* One place for the bio: wpForo's own 关于我 field is hidden on profiles and
   in account settings; its old text is shown in the header until replaced. */
#wpforo #wpforo-wrap .wpf-field-name-about {
    display: none !important;
}
#wpforo #wpforo-wrap .obbs-bio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    /* The profile header lays its children out with flex; take a full row. */
    flex: 1 1 100%;
    box-sizing: border-box;
    width: 100%;
    max-width: 560px;
    margin-top: 10px;
}
#wpforo #wpforo-wrap .obbs-bio-text {
    margin: 0;
    color: #E6EEF1;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    white-space: pre-line;
}
body:not(.obbs-redesign) #wpforo #wpforo-wrap .obbs-bio-text {
    color: #333333;
}
#wpforo #wpforo-wrap .obbs-bio-edit,
#wpforo #wpforo-wrap .obbs-bio-cancel,
#wpforo #wpforo-wrap .obbs-bio-save {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 8px;
    background: transparent;
    color: #FFFFFF;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
body:not(.obbs-redesign) #wpforo #wpforo-wrap .obbs-bio-edit,
body:not(.obbs-redesign) #wpforo #wpforo-wrap .obbs-bio-cancel {
    border-color: #CDD3D9;
    color: #333333;
}
#wpforo #wpforo-wrap .obbs-bio-save {
    border-color: #FFFFFF;
    background: #FFFFFF;
    color: #15202B;
    font-weight: 700;
}
#wpforo #wpforo-wrap .obbs-bio-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
#wpforo #wpforo-wrap .obbs-bio-form textarea {
    width: 100%;
    min-height: 84px;
    padding: 10px 12px;
    border: 1.5px solid #CDD3D9;
    border-radius: 10px;
    background: #FFFFFF;
    color: #15202B;
    font: inherit;
    font-size: 15px;
    line-height: 1.6;
    resize: vertical;
    box-sizing: border-box;
}
#wpforo #wpforo-wrap .obbs-bio-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
#wpforo #wpforo-wrap .obbs-bio-count,
#wpforo #wpforo-wrap .obbs-bio-msg {
    color: #C9DCE2;
    font-size: 12px;
}
#wpforo #wpforo-wrap .obbs-bio-msg {
    flex-grow: 1;
}