/**
 * Background Color Override for Creator Community Newsfeed
 * 
 * This file contains isolated styling for the newsfeed background color.
 * Kept separate for easy modification or removal.
 */

/* Define the single grey color to use everywhere */
:root {
    --newsfeed-bg-color: #9ca3af; /* Darker grey for better contrast */
}

/* Main background color for the entire page */
body.creator-community-newsfeed,
body.creator-community-newsfeed #page,
body.creator-community-newsfeed .site-content,
body.creator-community-newsfeed .site,
body.creator-community-newsfeed #content {
    background-color: var(--newsfeed-bg-color) !important;
}

/* Background for layout section */
.layout {
    background-color: var(--newsfeed-bg-color) !important;
}

/* Chat container background */
.chat-content,
.newsfeed-container,
.main-content,
.forum-content,
.forum-layout {
    background-color: var(--newsfeed-bg-color) !important;
}

/* Override any other background colors to ensure consistency */
body.creator-community-newsfeed .layout,
body.creator-community-newsfeed .main-content,
body.creator-community-newsfeed .chat-content,
body.creator-community-newsfeed .forum-content,
body.creator-community-newsfeed .newsfeed-container,
body.creator-community-newsfeed .newsfeed-posts,
body.creator-community-newsfeed .post-comments {
    background-color: var(--newsfeed-bg-color) !important;
    background: var(--newsfeed-bg-color) !important;
}

/* Post background color to create contrast */
.newsfeed-post,
.post-creation-box {
    background-color: #ffffff !important;
    border: 1px solid #9ca3af !important; /* Darker border for contrast */
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Entire post content row with subtle background */
body.creator-community-newsfeed .newsfeed-post-content,
body.creator-community-newsfeed .newsfeed-post .post-body,
body.creator-community-newsfeed .newsfeed-post .post-main,
body.creator-community-newsfeed .question-body,
body.creator-community-newsfeed .question-description,
body.creator-community-newsfeed .reply-content,
body.creator-community-newsfeed .sample-replies .reply,
body.creator-community-newsfeed .post-creation-input,
body.creator-community-newsfeed textarea,
body.creator-community-newsfeed .newsfeed-post-text,
body.creator-community-newsfeed .post-text-content,
body.creator-community-newsfeed .social-post-content {
    background-color: #f5f5f0 !important; /* Light warm gray-beige for content rows */
    padding: 12px !important;
    border-radius: 6px !important;
    margin: 8px 0 !important;
}

/* Add subtle border to sidebars for better visual separation */
.left-sidebar, .right-sidebar {
    background-color: #ffffff !important;
    border: 1px solid #9ca3af !important; /* Darker border for contrast */
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

/* Background color for the header */
.newsfeed-header,
.chat-header,
.forum-header {
    background-color: #ffffff !important;
    border: 1px solid #9ca3af !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 8px;
}

/* Override forum specific backgrounds that might be different shades */
body.creator-community-newsfeed .forum-layout,
body.creator-community-newsfeed .questions-list,
body.creator-community-newsfeed .forum-actions,
body.creator-community-newsfeed .forum-filters,
body.creator-community-newsfeed .sidebar-section,
body.creator-community-newsfeed .comment-input-area,
body.creator-community-newsfeed .post-edit-form,
body.creator-community-newsfeed .post-actions,
body.creator-community-newsfeed .post-stats {
    background-color: transparent !important;
    background: transparent !important;
}

/* Question items already styled above with dark beige */

/* Override any grey variations in buttons or other elements */
body.creator-community-newsfeed .filter-button:not(.active) {
    background-color: #ffffff !important;
}

body.creator-community-newsfeed .media-btn,
body.creator-community-newsfeed .action-btn {
    background-color: transparent !important;
}

body.creator-community-newsfeed .media-btn:hover,
body.creator-community-newsfeed .action-btn:hover {
    background-color: #f3f4f6 !important;
}

/* Override tab navigation background */
body.creator-community-newsfeed #main-studio-tabs,
body.creator-community-newsfeed .studio-tab,
body.creator-community-newsfeed div[style*="background-color: #d1d5db"] {
    background-color: var(--newsfeed-bg-color) !important;
    background: var(--newsfeed-bg-color) !important;
}

/* Force override any inherited brownish colors */
body.creator-community-newsfeed *[style*="background"],
body.creator-community-newsfeed .site-header,
body.creator-community-newsfeed .header-wrapper,
body.creator-community-newsfeed #masthead {
    background-color: var(--newsfeed-bg-color) !important;
}

/* Override any remaining light backgrounds */
body.creator-community-newsfeed .post-comments {
    background-color: #fafafa !important; /* Slightly lighter for comments section */
}

/* Force consistent background on all page elements */
body.creator-community-newsfeed,
body.creator-community-newsfeed #page,
body.creator-community-newsfeed .site-content,
body.creator-community-newsfeed .site,
body.creator-community-newsfeed #content,
body.creator-community-newsfeed .site-wrapper,
body.creator-community-newsfeed .page-wrapper,
body.creator-community-newsfeed .content-wrapper,
body.creator-community-newsfeed .container,
body.creator-community-newsfeed .bb-grid,
.layout {
    background-color: var(--newsfeed-bg-color) !important;
    background: var(--newsfeed-bg-color) !important;
}

/* Targeted background override - only page-level containers */
html,
body,
#page,
.site,
.site-content,
#content,
#primary {
    background-color: var(--newsfeed-bg-color) !important;
    background-image: none !important;
    background: var(--newsfeed-bg-color) !important;
}

/* Override any BuddyBoss theme defaults */
body.creator-community-newsfeed .bb-buddypress,
body.creator-community-newsfeed #buddypress,
body.creator-community-newsfeed .activity,
body.creator-community-newsfeed .groups,
body.creator-community-newsfeed .members {
    background-color: var(--newsfeed-bg-color) !important;
    background: var(--newsfeed-bg-color) !important;
}

/* Force all text to be black in Chat and Forum content */
body.creator-community-newsfeed .chat-content,
body.creator-community-newsfeed .chat-content *,
body.creator-community-newsfeed .forum-content,
body.creator-community-newsfeed .forum-content *,
body.creator-community-newsfeed .main-content,
body.creator-community-newsfeed .main-content *,
body.creator-community-newsfeed .newsfeed-container,
body.creator-community-newsfeed .newsfeed-container *,
body.creator-community-newsfeed .questions-list,
body.creator-community-newsfeed .questions-list *,
body.creator-community-newsfeed .left-sidebar,
body.creator-community-newsfeed .left-sidebar *,
body.creator-community-newsfeed h1,
body.creator-community-newsfeed h2,
body.creator-community-newsfeed h3,
body.creator-community-newsfeed h4,
body.creator-community-newsfeed h5,
body.creator-community-newsfeed h6,
body.creator-community-newsfeed p,
body.creator-community-newsfeed span,
body.creator-community-newsfeed div,
body.creator-community-newsfeed a,
body.creator-community-newsfeed li,
body.creator-community-newsfeed label {
    color: #000000 !important;
}