/**
 * BUZEECI — Messages & Mini Chat
 *
 * BP Better Messages mini chat widget and full-page messages component.
 * Extracted from main.css sections 22, 23.
 *
 * @package    BUZEECI
 * @subpackage assets/css
 * @since      1.0.0
 */

/* ==========================================================================
   22. MINI CHAT & MESSAGES WIDGET
   ========================================================================== */

.bp-messages-wrap .tabs div svg {
    display: none;
}

.bp-messages-wrap .tabs div {
    font-size: 20px;
    font-weight: 600;
}

.bpbm-empty-message {
    font-size: 20px;
}

.chat-footer .new-message svg {
    display: none;
}

.bp-messages-wrap .bpbm-empty-text {
    font-size: 20px;
}

body:has(#post-704) :is(.bp-better-messages-list, .bp-better-messages-mini) {
    display: none;
}

.bp-messages-wrap .bpbm-empty-icon {
    font-size: 30px;
}

.chat-footer .new-message:before,
#primary:has(.entry-content>.bp-messages-wrap-main) .new-message:before {
    content: '';
    display: inline-block;
    background-image: url(../img/messages/new_message_minichat.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
    position: relative;
    top: 5px;
}

.bp-messages-wrap .tabs div:last-child:before {
    content: '';
    display: inline-block;
    background-image: url(../img/messages/arrow_down.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
}

.bp-better-messages-list .tabs {
    min-height: 50px;
    border-bottom-color: var(--bb-content-border-color);
}

.bp-better-messages-list .tabs>div {
    height: 100%;
}

.threads-list-wrapper .thread h4 {
    font-size: 16px !important;
}

.threads-list-wrapper .thread .last-message {
    font-size: 15px !important;
    line-height: 15px !important;
    color: var(--bzc-alternate-text-color);
}

.threads-list-wrapper .threads-list .thread .pic {
    width: 40px !important;
    height: 44px;
    padding: 12px 7px 10px !important;
}

.threads-list-wrapper .threads-list .thread .pic img {
    width: 40px !important;
    height: 40px !important;
}

.bp-messages-wrap.bp-better-messages-mini .chats .chat .head .thread-info .thread-info-data .name {
    font-weight: 600;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing .bm-message {
    margin-bottom: 5px;
}

.bm-content .bm-info {
    display: none !important;
}

.bp-messages-wrap .threads-list .thread .bm-info .last-message svg {
    display: none;
}

.bm-name-verified {
    color: #1DA1F2;
    font-size: 17px;
    position: relative;
    left: -3px;
}

.bp-better-messages-list .bm-name-verified,
.bp-messages-wrap-main .bp-messages-side-threads .bm-name-verified,
.notification-dropdown .bm-notification-list .bm-name-verified {
    top: 2px;
}

.bp-messages-wrap .threads-list .thread .bm-info .last-message .bm-message-content-centered :not(svg) {
    overflow: hidden;
    white-space: nowrap;
    max-width: 250px;
    display: inline-block;
    text-overflow: ellipsis;
}


/* ==========================================================================
   23. MESSAGES COMPONENT (FULL PAGE)
   ========================================================================== */

.bm-subject-container,
.bm-deleted-message svg:first-child {
    display: none !important;
}

.bp-messages-wrap .empty {
    margin: 0 0 30px;
}

body:not(.bm-mobile-device) .bp-messages-wrap .threads-list .thread:hover>.actions {
    border-right: 1px solid var(--bb-content-border-color);
}

.bpbm-empty-link a {
    font-size: 0;
    padding: 25px 32px;
    border-radius: 100px;
    background-color: var(--bb-primary-color);
    transition: 0.2s;
}

.bpbm-empty-link a:hover {
    background-color: var(--bb-login-register-button-background-color-hover);
}

.bpbm-empty-link a:before {
    content: 'New message';
    font-weight: 600;
    font-size: 17px;
    vertical-align: middle;
    color: var(--bb-primary-button-text-regular);
}

.thread-not-selected.empty .bpbm-empty-icon,
.thread-not-selected.empty .bpbm-empty-or {
    display: block;
    font-size: 0 !important;
}

.thread-not-selected.empty .bpbm-empty-or {
    margin-bottom: 30px !important;
}

.bp-messages-column:has(.thread-not-selected.empty) {
    justify-content: center;
}

.thread-not-selected.empty .bpbm-empty-or:before {
    content: "congratulations! you've discovered a chat more barren than a grindr grid at sunrise, at least the walk of shame has some scenery";
    display: block;
    font-size: 15px;
    color: var(--bzc-alternate-text-color);
    line-height: 20px;
}

body:has(.bp-messages-wrap-main) {
    overflow: hidden;
}

.bm-last-message-content {
    text-wrap: nowrap;
    max-width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bp-messages-wrap-main .bm-last-message-content {
    max-width: 205px;
}

.thread-not-selected.empty .empty {
    max-width: 60%;
    margin: auto;
    text-align: left;
}

.thread-not-selected.empty .bpbm-empty-icon:before {
    content: 'serving looks, not messages';
    font-size: 30px;
    font-weight: 700;
    display: block;
}

.bpbm-empty-icon,
.bpbm-empty-message,
.bpbm-empty-text,
.bpbm-empty-icon,
.threads-list.empty .bpbm-empty-link {
    display: none;
}

.bp-messages-user-list.empty:before,
.threads-list.empty:before {
    content: 'nothing yet :(';
    font-size: 30px;
    font-weight: 700;
    display: block;
    position: relative;
    top: 50px;
}

#primary:has(.entry-content>.bp-messages-wrap-main) {
    padding: 0;
    border-right: 1px solid var(--bb-content-border-color);
}

#primary:has(.entry-content>.bp-messages-wrap-main) .entry-header,
#primary:has(.entry-content>.bp-messages-wrap-main) .new-message svg,
#primary:has(.entry-content>.bp-messages-wrap-main) .chat-footer .settings svg,
#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap .bm-side-tabs div svg,
#group-cover-image-groups-li,
#group-avatar-groups-li {
    display: none;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bpbm-search input {
    border-radius: 100px;
    min-height: 40px !important;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-side-threads:before {
    content: 'Messages';
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 15px;
    left: 15px;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .chat-footer .settings {
    content: '';
    display: inline-block;
    background-image: url(../img/messages/settings.svg);
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    top: 19px;
    right: 48px;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap .chat-header .bpbm-search form {
    margin: 0 !important;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap .bp-messages-side-threads>* {
    border-right: none;
    width: initial;
    padding: 0 11px;
    gap: 5px;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap .chat-header,
#primary:has(.entry-content>.bp-messages-wrap-main) .chat-footer {
    background-color: transparent;
    border: none;
    position: initial;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap .bm-side-tabs div {
    border-radius: 100px;
    border: 1px solid var(--bb-content-border-color) !important;
    font-weight: 700;
    font-size: 15px;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap .bp-messages-side-threads {
    border-right: 1px solid var(--bb-content-border-color);
    padding-top: 55px;
    position: relative;
    min-width: 335px;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap .chat-header.side-header .bpbm-search {
    width: 100%;
    padding: 0;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .new-message {
    position: absolute;
    top: 7px;
    right: 0px;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap {
    border: none;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bm-side-content .bp-messages-user-list .bpbm-search-in-list {
    display: none
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bm-side-content>div:not(.bp-messages-user-list) {
    margin: 10px -12px 0;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bm-side-content .threads-list .thread {
    padding: 0 13px;
}

#primary:has(.entry-content>.bp-messages-wrap-main) .bp-messages-wrap .threads-list .thread.bp-messages-active-thread .actions {
    border-right: 1px solid var(--bb-primary-color);
}

.bp-messages-wrap #bm-new-thread-title,
.bm_user_selector input,
.bm_user_selector .bm_user_selector__placeholder,
.bm_user_selector .bm-to-label {
    font-size: 15px !important;
}

.bp-messages-wrap #bm-new-thread-title {
    font-weight: 700;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-blacklist .bpbm-user-blacklist-empty {
    padding: 0;
    border: none;
    text-align: initial;
}

.bp-messages-wrap .chat-header .bpbm-search form .close {
    top: 10px;
}

.bpbm-audio-call svg,
.bpbm-video-call svg,
.bp-messages-user-list .open-profile svg,
.bp-messages-wrap .bpbm-user-options .bpbm-user-option-description,
.chat-header .thread-actions>:is(span, div)>svg {
    display: none;
}

.bpbm-audio-call:before,
.bpbm-video-call:before,
.bp-messages-user-list .open-profile:before,
.chat-header .thread-actions>:is(span, div):before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
}

.chat-header .thread-actions>:is(span, div):before {
    width: 28px;
    height: 28px;
}

.bp-messages-wrap .chat-header .thread-actions>span,
.bp-messages-wrap .chat-header .thread-actions>div.expandingButtons {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 5px;
}

.bp-messages-user-list .bpbm-audio-call:before,
.chat-header .thread-actions .audio-call:before {
    background-image: url(../img/messages/call.png);
}

.bp-messages-user-list .bpbm-video-call:before,
.chat-header .thread-actions .video-call:before {
    background-image: url(../img/messages/video_call.png);
}

.chat-header .thread-actions .bpbm-minimize:before {
    background-image: url(../img/messages/chat_resize.png);
}

.chat-header .thread-actions .expandingButtons:before {
    background-image: url(../img/messages/showmore.png);
}

.bp-messages-user-list .open-profile:before {
    background-image: url(../img/messages/messenger_profile.png);
}

.bpbm-user-options .bpbm-options-group:not(:last-child) {
    margin-bottom: 20px;
}

.thread-info-data .name.bm-name {
    font-weight: 600;
    font-size: 15px;
    position: relative;
    top: 1px;
}

.thread-info-data .sub-name {
    text-transform: lowercase;
}