/*--------------------------------------------------------------------------------------

1 - BuddyPress 会覆盖newvfx主题对应目录的buddypress设置/使用按需加载实现全自动
By jisongbin /2025/8/20

--------------------------------------------------------------------------------------*/

/* 动态列表文字大小样式 */
.gp-theme #buddypress .activity-list .activity-content .activity-inner {
    font-size: 14px;
    line-height: 26px;
    margin-top: 0;
}

/* ================================
   覆盖 BuddyPress "What's New" 的默认高度
   使动态发布框更紧凑
================================ */
textarea#whats-new.bp-suggestions {
    height: 56px !important; /* 强制高度为 56px */
}

/* 发布动态框颜色 */
#buddypress #whats-new:focus {
    border-color: rgba(80, 80, 80, 0.7) !important;
    outline-color: rgba(80, 80, 80, 0.7);
    box-shadow: 0 0 4px rgba(80, 80, 80, 0.3);
}
/* 发布框左侧头像 */
#whats-new-avatar img.avatar {
    width: 49px !important;
    height: 49px !important;
}
/* 选择显示类型框与下方动态的距离 */
.gp-theme #buddypress div.item-list-tabs#subnav {
margin: 0 -20px 0px -20px;
padding: 10px 0;
}
/* ================================
   发表动态框内容距离左侧的间距
   调整输入框整体位置和内边距
================================ */
#buddypress form#whats-new-form #whats-new-content {
    margin-left: 35px !important;   /* 左侧外边距 */
    padding: 0px 0px 20px 20px;     /* 上右下左内边距 */
}


/* Tab在手机上的样式 */
.gp-theme #buddypress div.item-list-tabs ul li a span, .gp-theme #buddypress div.item-list-tabs ul li.current a span, .gp-theme #buddypress div.item-list-tabs ul li.selected a span {
border: 0;
background: #ee8600;
color: #fff;
}

/* 父容器强制横排 */
.item-list-tabs.activity-type-tabs ul {
    display: flex;
    flex-wrap: nowrap; /* 不换行 */
    overflow-x: auto;  /* 如果太宽，允许横向滚动 */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* li 项目样式 */
.item-list-tabs.activity-type-tabs ul li {
    margin-right: 0px; /* 每个按钮间距 */
    white-space: nowrap; /* 防止文字换行 */
}

/* a 标签样式 */
.item-list-tabs.activity-type-tabs ul li a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
}

/* 选中状态 */
.item-list-tabs.activity-type-tabs ul li.selected a {
    font-weight: bold;
    color: #77af12;
}

/* 手机端额外优化 */
@media (max-width: 768px) {
    .item-list-tabs.activity-type-tabs ul {
        justify-content: flex-start;
    }
}


间距为0了 还是太宽
/* ================================
   发表动态框头像样式
   设置头像浮动和宽度
================================ */
#buddypress form#whats-new-form #whats-new-avatar {
    float: left;     /* 头像左浮动 */
    width: 8%;       /* 占发表框宽度的 8% */
}

/* ================================
   主题 gp-theme 下动态内容底部间距
================================ */
.gp-theme #buddypress form#whats-new-form #whats-new-content {
    padding-bottom: 14px !important; /* 底部内边距 14px */
}

/* ================================
   主题 gp-theme 下 textarea 样式
   调整输入框宽度、字体、颜色和边框
================================ */
.gp-theme #buddypress form#whats-new-form textarea {
    width: 99%;                             /* 宽度占满容器 */
    font-family: Helvetica, Arial, sans-serif; /* 字体 */
    font-size: 12.5px;                       /* 字号 */
    padding: 8px 10px 7px 10px;             /* 内边距，上右下左 */
    margin: 0;                               /* 外边距清零 */
    color: #999;                             /* 文字颜色 */
    border: 1px solid #f7f7f7;              /* 边框颜色 */
    background: #f7f7f7;                     /* 背景颜色 */
    border-radius: 4px;                      /* 圆角 */
}
/* 全站动态顶部广告图样式 */
#custom_slider_wrapper .slide img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.gp-theme #buddypress div.item-list-tabs ul li a span, .gp-theme #buddypress div.item-list-tabs ul li.current a span, .gp-theme #buddypress div.item-list-tabs ul li.selected a span {
border: 0;
background: #ee8600;
color: #fff;
}



/* 用户头像样式 */
.gp-theme #buddypress div#item-header #item-header-avatar img.avatar {
border-radius: 100%;
width: 88px;
height: 88px;
}

.gp-theme #buddypress ul.item-list li img.avatar {
margin-right: 15px;
border-radius: 100%;
}
/* BuddyPress 头像圆角 */
.gp-theme .widget.buddypress div.item-avatar img {
    border-radius: 100%;
}

/* 动态列表头像大小*/
#buddypress .activity-list .activity-avatar {
    float: left;
    width: 40px;
}

/* 动态列表头像与内容间距 */
.gp-theme #buddypress .activity-list .activity-content {
    margin-left: 49px;
}

#buddypress .activity-list .activity-avatar {
    float: left;

}

/* 动态列表回复内容间距 */
.gp-theme #buddypress .activity-list div.activity-comments ul li:first-child {
    margin-top: 12px;
}

/* 动态内容样式 */
#buddypress .activity-list .activity-content {
    margin: 0 0 -10px 70px;
}

#buddypress .activity-list .activity-content {
    margin-left: 49px;
}

body.activity-permalink #buddypress .activity-list li .activity-content {
    margin-left: 60px;
}

/* 动态时间显示
.gp-theme #buddypress .activity-list a.activity-time-since {
    color: #4683bf;
}
*/
.gp-theme #buddypress .activity-list a.activity-time-since {
    font-size: 12px;
    font-weight: 700;
    display: inline;
}

/* 动态评论样式 */
.gp-theme #buddypress div.activity-comments div.acomment-content {
    margin: 0px 0px -5px 40px;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    font-size: 13px;
    letter-spacing: 0.25px;
}

.gp-theme #buddypress div.activity-comments form.ac-form,
.gp-theme #buddypress div.activity-comments li form.ac-form {
    padding-top: 20px;
}

/* 动态按钮样式 */
.gp-theme #buddypress div.activity-meta a.button {
    display: inline-block;
    background-color: #e96969;
    margin: 0 2px 0px 0;
}

/* BuddyPress 项目选项卡 */
.gp-theme #buddypress div.item-list-tabs ul li {
    margin: 0px 0px 0px 0px;
}

.gp-theme #buddypress div.item-list-tabs ul li.current a,
.gp-theme #buddypress div.item-list-tabs ul li.selected a,
.gp-theme #buddypress div.item-list-tabs ul li a:hover {
    background-color: #ddd;
}

/* BuddyPress 小工具tab颜色 */
.gp-theme .widget.buddypress div.item-options a {
    background-color: #e96969;
}

.gp-theme .widget.buddypress div.item-options a.selected {
    background-color: #679710;
}

/* BuddyPress 登录按钮颜色 */
#gp-profile-desktop-button, #gp-profile-mobile-button {
    background-color: #333;
}

/* BuddyPress 登录按钮颜色 */
#gp-profile-desktop-button:hover, #gp-profile-mobile-button:hover {
    background-color: #679710;
}

/* 通知计数器颜色 */
.gp-notification-counter {
    background: #e96969;
}


/* 提交按钮 */
.gp-theme #buddypress input[type=submit] {
    background-color: #e96969;
}

/* 项目头 */
.gp-theme #buddypress div#item-header {
    margin-bottom: 0px;
}

.gp-theme #buddypress div#item-header {
    margin-bottom: 0px;
}

#buddypress div#item-header h2 {
    margin-bottom: 5px;
    background: white;
    width: 100px;
    padding: 3px;
}

#buddypress div#item-header-cover-image .user-nicename a,
#buddypress div#item-header-cover-image .user-nicename {
    font-size: 110%;
    color: #000;
    text-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
    /* 防止折行 */
    white-space: nowrap;
    /* 如果太长，可以加省略号效果 */
    overflow: hidden;
    display: inline-block; /* 必须，否则省略号不生效 */
    max-width: 100%;
}

/* 个人资料标题 */
.gp-theme #buddypress div.profile h2 {
    font-size: 13px;
}

/* 动态列表项 */
.gp-theme #buddypress ul.item-list li {
    padding: 12px 0;
}

/* 动态元信息 */
.gp-theme #buddypress .activity-list div.activity-meta {
    margin-top: 5px;
}

/* 喜欢按钮 */
.wpulike-default .wp_ulike_btn {
    color: #616161;
    background-color: #e0e0e0;
}

.wpulike .wp_ulike_general_class {
    margin-bottom: -10px;
    margin-top: -10px;
}


/* ============================================================================ */
/* ================================ 媒体与播放器 ============================= */
/* ============================================================================ */

/* Mejs 播放器样式 */
.mejs-container {
    clear: none;
    max-width: 100%;
}

.mejs-container .mejs-controls .mejs-time {
    display: none;
}

.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
    background: none;
}

#buddypress .mejs-controls .mejs-fullscreen-button>button {
    display: none;
}

#buddypress .mejs-controls .mejs-mute>button {
    display: none;
}

#buddypress .mejs-controls .mejs-pause>button {
    background-position: -20px 0;
    display: none;
}

.mejs-overlay-button {
    background: url(mejs-controls.svg) no-repeat;
    background-position: 0 -39px;
    height: 0px;
    width: 0px;
}

/* FV 播放器冲突解决 */
.flowplayer .fp-play .fp-playbtn,
.flowplayer .fp-pause .fp-playbtn,
.flowplayer .fp-waiting .fp-playbtn {
    display: none;
}

/* 播放条颜色 */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #ca4c31;
}

/* rtMedia 媒体容器 */
.rtmedia-activity-container *,
.rtmedia-activity-container *:before,
.rtmedia-activity-container *:after {
    line-height: 26px;
}


/* ============================================================================
   📌 BuddyPress 专属样式
   ============================================================================ */

/* 手机端 */
@media screen and (max-width: 800px) {
    .gp-theme.gp-responsive #buddypress div.item-list-tabs#subnav {
        display: none;
    }

    #buddypress div.item-list-tabs#object-nav {
        display: none;
    }

    #buddypress #item-body {
        padding: 0 0 0 0;
    }
}

/* 超小屏 */
@media screen and (max-width: 500px) {
    #activity-stream li .media-type-video {
        width: 100%;
    }

    .rtmedia-activity-container li.media-type-video {
        height: 141px;
        width: 250px;
    }
}