/**
 * BuddyBoss Platform Custom Styles
 *
 * This file contains custom CSS specifically for BuddyBoss platform customizations.
 * Use this file for styling BuddyBoss components like profiles, activity feeds,
 * groups, messaging, and other social networking features.
 */

body.buddypress.register.login-split-page .split-overlay {
    background-color: var(--navy) !important;
}

body.buddypress.register.login-split-page .login-split__entry {
    padding: 100px 0 !important;
}

#buddypanel-menu {
    gap: 10px !important;
}

.bb-template-v2.buddypanel-open .buddypanel .side-panel-inner li:not(.current-menu-item) a i:not(.bb-icon-angle-down),
ul.buddypanel-menu li.bb-menu-section a {
    opacity: 1 !important;
}

.bb-template-v2 .buddypanel .side-panel-menu li:not(.current-menu-item):not(.bb-menu-section) a:hover,
.bb-template-v2 .buddypanel .side-panel-menu li.current-menu-item>a {
    background: var(--orange-grad) !important;
    color: var(--navy) !important;

    i:not(.bb-icon-angle-down) {
        color: var(--navy) !important;
        fill: var(--navy) !important;
    }
}

#primary-navbar .bp-login-nav,
#primary-navbar .bp-register-nav {
    display: none !important;
}

.bb-template-v2 .buddypanel .bb-toggle-panel:hover {
    background: var(--orange-grad) !important;
}

.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down .comment-count:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-arrow-down .text:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment .comment-count:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comment .text:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square .comment-count:before,
.activity-list .activity-item .activity-inner .activity-inner-meta .button.bb-icon-comments-square .text:before,
.bb-template-v2.groups.group-admin .bp-navs.group-subnav .current a,
.bb-template-v2.groups.group-admin .bp-navs.group-subnav .selected a,
body .list-title a:hover,
.bb-template-v2 .bp-navs>ul>li a:hover {
    color: var(--coral) !important;
}

.entry-content #groups-list .item-avatar a {
    border-color: var(--op-white) !important;
    background: var(--op-white) !important;
}

.bb-template-v2 .bp-navs>ul>li a .bb-component-nav-item-point {
    border-color: var(--op-white) !important;
}

.register form input[type=checkbox]:before,
body.register form input:not([type=submit]) {
    border-radius: 3px !important;
    background: var(--op-white) !important;
    border-color: var(--op-white) !important;
    color: white !important;
    opacity: 1 !important;
}

.register form input[type=submit] {
    border: none !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    padding: 15px 32px !important;
}

.buddypress-wrap .select-wrap {
    background-color: var(--navy) !important;
}

body #header-aside .bb-header-buttons a.signup {
    color: var(--navy) !important;
    border: none !important;
}

.login .message, .login .notice, .login .success {
    background: var(--op-white) !important;
    border: 1px solid var(--op-white) !important;
}

.mobile-logo-wrapper img {
    max-width: 180px !important;
}

.bb-mobile-panel-wrapper a {
    background: transparent !important;
    color: white !important;
}

.primary-menu .current-menu-item>a,
.primary-menu .current-page-item>a,
.current-page-item a {
    font-weight: 400 !important;
}

.bb-template-v2 .primary-menu>li.current-menu-ancestor>a,
.bb-template-v2 .primary-menu>li.current-menu-item>a,
.bb-template-v2 .primary-menu>li.current-menu-parent>a,
.bb-template-v2 .primary-menu>li.current_page_item>a {
    border-color: #1A223F;
}

.generic-button a.outline {
    background: unset !important;
    border: 1px solid var(--coral) !important;
    color: white !important;

    &:hover {
        background: var(--coral) !important;
        color: var(--navy) !important;
    }
}

.activity-inner-meta.action a span {
    color: white !important;

    &:hover {
        color: var(--coral) !important;
    }
}

.primary-menu > li > a:hover {
    border-color: var(--coral) !important;
}

.bs-card-forum-details h3 a:hover,
.buddypress-wrap .grid-filters a.active {
    color: var(--coral) !important;
}

body.bb-template-v2 #buddypress:not(.round-avatars) .groups-header #item-header-cover-image #item-header-avatar .link-change-overlay,
body.bb-template-v2 #buddypress:not(.round-avatars) .groups-header #item-header-cover-image #item-header-avatar img.avatar {
    border-radius: 24px !important;
    border-color: var(--op-white) !important;
}

.modal-mask.bb-white,
#item-body .profile #drag-drop-area,
.bb-modal-overlay,
body.activity .bb-modal-overlay,
.registration .mfp-bg, body.login .mfp-bg,
.activity-update-form.modal-popup,
.bp-nouveau-activity-form-placeholder-.modal-popup {
    background-color: rgba(0,8,41,.8) !important;
}

body.register .registration-popup {
    background: var(--content-bg-color) !important;
}

.bb-topic-banner img {
    width: 100% !important;
}

.bp-subnavs li.current a,
.bp-subnavs li.current a:focus,
.bp-subnavs li.current a:hover,
.bp-subnavs li.selected a,
.bp-subnavs li.selected a:focus,
.bp-subnavs li.selected a:hover,
body .widget .item-list .item-title a:hover,
body .widget p a[href]:not([href=""]):hover {
    color: var(--coral) !important;
}

body.bbpress .item-meta span a {
    color: white;
}


#media-folder-document-data-table .media-folder_items .media-folder_details .media-folder_name,
.search-document-list .media-folder_items .media-folder_details .media-folder_name,
.bs-timestamp a:hover,
.item-title a:hover,
.bb-template-v2 .elementor-element div.item-options a,
.bb-template-v2 .elementor-widget-wrap div.item-options a,
.bb-template-v2 .widget.buddypress div.item-options a,
.notification-footer a {
    color: white !important;

    &:hover {
        color: var(--coral) !important;
    }
}

body.bbpress .item-meta span {
    color: white !important;

    a:hover {
        color: var(--coral) !important;
    }
}

.medium-editor-toolbar-actions {
    button:focus,
    button:active,
    button:hover {
        background: unset !important;
    }

    button.medium-editor-button-active::after {
        color: var(--coral) !important;
    }
}

body .bs-meta-item > a {
    border-color: var(--coral) !important;
}

a.link-change-cover-image:hover i:after,
a.link-change-profile-image:hover i:after,
a.position-change-cover-image:hover i:after {
    background-color: var(--coral) !important;
}

h2.bb-title,
#content h1.entry-title {
    font-size: 28px !important;
}

#media-stream .document-data-table-head .data-head,
#media-folder-document-data-table .media-folder_details__bottom > span,
.search-document-list .media-folder_items .media-folder_details__bottom > span,
#media-folder-document-data-table .media-folder_items .media-folder_details__bottom .media-folder_date,
.search-document-list .media-folder_items .media-folder_details__bottom .media-folder_date,
.bb-single-album-header p {
    color: white !important;
}

/* My Dashboard */

.bb-dash-grid {
    overflow: hidden;
}

.bb-dash-grid__block {
    &:hover {
        background: var(--content-border-color);
    }

    .bb-dash-grid__body .bb-dash-grid__ico i {
        border-color: var(--op-white);
        color: white;
    }

    &:hover .bb-dash-grid__body .bb-dash-grid__ico i {
        background: var(--orange-grad);
        border-color: var(--orange);
        color: var(--navy);
    }

    &:before,
    &:after {
        display: none !important;
    }
}

.bb-no-data__link {
    color: white;
    border-color: var(--coral) !important;
    transition: all 250ms ease;

    &:hover {
        background: var(--coral);
        color: var(--navy) !important;
        transition: all 250ms ease;
    }
}

.activity-list .activity-item .ac-emotions_list {
    background: var(--navy) !important;
    border-color: var(--op-white) !important;
}

.bb-topic-status-wrapper .bb-topic-status,
.profile_bit__heading .progress_bit_graph--sm .progress-bit__ring,
.profile_bit__heading {
    background: var(--op-white) !important;
    border: 1px solid var(--op-white) !important;
}

.bb-members a:hover,
.bbpress.activity-item a:hover {
    color: var(--coral) !important;
}

body #buddypress div#item-header img.avatar,
body #buddypress #item-header-cover-image #item-header-avatar img.avatar {
    border-color: var(--op-white) !important;
}

.groups-header .moderators-lists #group-admins>li img {
    background: transparent !important;
}

body #item-header-cover-image {
    align-items: center !important;
}

/* Forum Styles */

.single-topic-sidebar-links {

    a.bbp-topic-reply-link {
        color: var(--navy) !important;
    }

    a.subscription-toggle,
    a.favorite-toggle {
        color: white !important;

        &:hover {
            background: var(--coral) !important;
            color: var(--navy) !important;
        }
    }
}