html[data-theme="dark"].buddypress,
html[data-theme="dark"] .buddypress {
    color: var(--vp-text);
}

/* Tabs / subnav */
html[data-theme="dark"] .buddypress .bp-navs,
html[data-theme="dark"] .buddypress .item-nav,
html[data-theme="dark"] .buddypress .subnav,
html[data-theme="dark"] .bp-navs,
html[data-theme="dark"] .item-list-tabs {
    background: var(--vp-surface);
    border-color: var(--vp-border);
}

html[data-theme="dark"] .buddypress .bp-navs ul li a,
html[data-theme="dark"] .buddypress .item-list-tabs ul li a,
html[data-theme="dark"] .buddypress .item-list-tabs ul li span {
    color: var(--vp-text);
}

html[data-theme="dark"] .buddypress .bp-navs ul li a:hover,
html[data-theme="dark"] .buddypress .bp-navs ul li a:focus,
html[data-theme="dark"] .buddypress .item-list-tabs ul li a:hover,
html[data-theme="dark"] .buddypress .item-list-tabs ul li a:focus {
    background: var(--vp-surface-hover);
    color: var(--vp-accent);
}

html[data-theme="dark"] .buddypress .bp-navs ul li.selected a,
html[data-theme="dark"] .buddypress .bp-navs ul li.current a,
html[data-theme="dark"] .buddypress .item-list-tabs ul li.selected a,
html[data-theme="dark"] .buddypress .item-list-tabs ul li.current a {
    background: var(--vp-accent);
    color: #ffffff;
}

/* Activity stream */
html[data-theme="dark"] .buddypress-wrap .activity-list .activity-item,
html[data-theme="dark"] .activity-list .activity-item,
html[data-theme="dark"] .activity-update-form,
html[data-theme="dark"] .bp-feedback,
html[data-theme="dark"] .activity-inner,
html[data-theme="dark"] .activity-meta,
html[data-theme="dark"] .activity-comments {
    background: var(--vp-surface);
    color: var(--vp-text);
    border-color: var(--vp-border);
}

html[data-theme="dark"] .activity-list .activity-item a,
html[data-theme="dark"] .activity-inner a,
html[data-theme="dark"] .activity-header a {
    color: var(--vp-accent);
}

html[data-theme="dark"] .activity-header,
html[data-theme="dark"] .activity-header p,
html[data-theme="dark"] .activity-meta,
html[data-theme="dark"] .activity-time-since,
html[data-theme="dark"] .activity-list .activity-item .activity-content .activity-header {
    color: var(--vp-muted);
}

html[data-theme="dark"] .activity-list .activity-item .activity-content .activity-inner {
    color: var(--vp-text);
}

html[data-theme="dark"] .activity-list .activity-item .activity-content blockquote,
html[data-theme="dark"] .activity-list .activity-item .activity-content .activity-inner blockquote {
    background: #0b1220;
    border-left: 4px solid var(--vp-accent);
    color: var(--vp-text);
}

/* Comment / reply areas */
html[data-theme="dark"] .activity-comments form textarea,
html[data-theme="dark"] .buddypress-wrap textarea,
html[data-theme="dark"] .buddypress-wrap input[type="text"],
html[data-theme="dark"] .buddypress-wrap input[type="search"],
html[data-theme="dark"] .buddypress-wrap input[type="email"],
html[data-theme="dark"] .buddypress-wrap input[type="url"],
html[data-theme="dark"] .buddypress-wrap input[type="password"],
html[data-theme="dark"] .buddypress-wrap select {
    background: #0b1220;
    color: var(--vp-text);
    border: 1px solid var(--vp-border);
}

html[data-theme="dark"] .activity-comments form textarea::placeholder,
html[data-theme="dark"] .buddypress-wrap textarea::placeholder,
html[data-theme="dark"] .buddypress-wrap input::placeholder {
    color: var(--vp-muted);
}

/* Members / groups directories */
html[data-theme="dark"] .buddypress-wrap .item-list>li,
html[data-theme="dark"] .buddypress-wrap .members-list.grid>li,
html[data-theme="dark"] .buddypress-wrap .groups-list.grid>li,
html[data-theme="dark"] .members-list.grid>li,
html[data-theme="dark"] .groups-list.grid>li,
html[data-theme="dark"] .buddypress .item-list>li {
    background: var(--vp-surface);
    color: var(--vp-text);
    border: 1px solid var(--vp-border);
    box-shadow: var(--vp-shadow);
}

html[data-theme="dark"] .buddypress-wrap .item-list .item,
html[data-theme="dark"] .buddypress-wrap .item-list .item-title,
html[data-theme="dark"] .buddypress-wrap .item-list .item-title a,
html[data-theme="dark"] .buddypress-wrap .item-list .item-meta,
html[data-theme="dark"] .buddypress-wrap .item-list .last-activity,
html[data-theme="dark"] .buddypress-wrap .item-list .item-desc {
    color: var(--vp-text);
}

html[data-theme="dark"] .buddypress-wrap .item-list .item-meta,
html[data-theme="dark"] .buddypress-wrap .item-list .last-activity,
html[data-theme="dark"] .buddypress-wrap .item-list .item-desc p {
    color: var(--vp-muted);
}

/* Directory search / filters */
html[data-theme="dark"] .buddypress-wrap .dir-search input[type="search"],
html[data-theme="dark"] .buddypress-wrap .dir-search input[type="text"],
html[data-theme="dark"] #members_search,
html[data-theme="dark"] #groups_search {
    background: #0b1220;
    color: var(--vp-text);
    border: 1px solid var(--vp-border);
}

html[data-theme="dark"] .buddypress-wrap .select-wrap select,
html[data-theme="dark"] .buddypress-wrap .bp-dir-search-form button,
html[data-theme="dark"] .buddypress-wrap .dir-search button,
html[data-theme="dark"] .buddypress-wrap .button {
    border-color: var(--vp-border);
}

/* Generic BP buttons */
html[data-theme="dark"] .buddypress-wrap .button,
html[data-theme="dark"] .buddypress-wrap button,
html[data-theme="dark"] .buddypress-wrap input[type="submit"],
html[data-theme="dark"] .buddypress-wrap input[type="button"] {
    background: var(--vp-surface-alt);
    color: var(--vp-text);
    border: 1px solid var(--vp-border);
}

html[data-theme="dark"] .buddypress-wrap .button:hover,
html[data-theme="dark"] .buddypress-wrap button:hover,
html[data-theme="dark"] .buddypress-wrap input[type="submit"]:hover,
html[data-theme="dark"] .buddypress-wrap input[type="button"]:hover {
    background: var(--vp-surface-hover);
    color: var(--vp-text);
}

html[data-theme="dark"] .buddypress-wrap .button.primary,
html[data-theme="dark"] .buddypress-wrap input[type="submit"],
html[data-theme="dark"] .buddypress-wrap .generic-button a {
    background: var(--vp-accent);
    color: #ffffff;
    border-color: var(--vp-accent);
}

html[data-theme="dark"] .buddypress-wrap .button.primary:hover,
html[data-theme="dark"] .buddypress-wrap input[type="submit"]:hover,
html[data-theme="dark"] .buddypress-wrap .generic-button a:hover {
    background: var(--vp-accent-hover);
    color: #ffffff;
    border-color: var(--vp-accent-hover);
}

/* Notices / feedback */
html[data-theme="dark"] .buddypress-wrap .bp-feedback,
html[data-theme="dark"] .buddypress-wrap .bp-feedback p,
html[data-theme="dark"] .buddypress-wrap .notice,
html[data-theme="dark"] .buddypress-wrap .info {
    color: var(--vp-text);
}

html[data-theme="dark"] .buddypress-wrap .bp-feedback.info {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(96, 165, 250, 0.35);
}

html[data-theme="dark"] .buddypress-wrap .bp-feedback.success {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.35);
}

html[data-theme="dark"] .buddypress-wrap .bp-feedback.error {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.35);
}

/* -----------------------------------------
   BuddyPress universal card styling
----------------------------------------- */

html[data-theme="dark"] .buddypress-wrap .activity-item,
html[data-theme="dark"] .buddypress-wrap .bp-list>li,
html[data-theme="dark"] .buddypress-wrap .members-list>li,
html[data-theme="dark"] .buddypress-wrap .groups-list>li,
html[data-theme="dark"] .buddypress-wrap .item-entry,
html[data-theme="dark"] .buddypress-wrap .bp-card,
html[data-theme="dark"] .buddypress-wrap .bp-widget {
    background: var(--vp-card-bg);
    border: 1px solid var(--vp-border);
    color: var(--vp-text);
}

/* Hover effect */

html[data-theme="dark"] .buddypress-wrap .activity-item:hover,
html[data-theme="dark"] .buddypress-wrap .members-list>li:hover,
html[data-theme="dark"] .buddypress-wrap .groups-list>li:hover {
    background: var(--vp-card-bg-hover);
}

/* Titels */

html[data-theme="dark"] .buddypress-wrap .item-title a,
html[data-theme="dark"] .buddypress-wrap .activity-header a {
    color: var(--vp-text);
}

html[data-theme="dark"] .buddypress-wrap .item-title a:hover,
html[data-theme="dark"] .buddypress-wrap .activity-header a:hover {
    color: var(--vp-accent);
}

/* Meta tekst */

html[data-theme="dark"] .buddypress-wrap .activity-meta,
html[data-theme="dark"] .buddypress-wrap .last-activity,
html[data-theme="dark"] .buddypress-wrap .item-meta {
    color: var(--vp-muted);
}

/* -----------------------------------------
   BuddyPress forms
----------------------------------------- */

html[data-theme="dark"] .buddypress-wrap input,
html[data-theme="dark"] .buddypress-wrap textarea,
html[data-theme="dark"] .buddypress-wrap select {
    background: #0b1220;
    border: 1px solid var(--vp-border);
    color: var(--vp-text);
}

html[data-theme="dark"] .buddypress-wrap input::placeholder,
html[data-theme="dark"] .buddypress-wrap textarea::placeholder {
    color: var(--vp-muted);
}

html[data-theme="dark"] .buddypress-wrap input:focus,
html[data-theme="dark"] .buddypress-wrap textarea:focus,
html[data-theme="dark"] .buddypress-wrap select:focus {
    border-color: var(--vp-accent);
    outline: none;
}