/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */
@import "https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/all.min.css";
@import "https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/v4-shims.min.css";

/* 用户权限标识样式 - 采用与VIP标签相同的风格 */
.wp-publish {
    margin-left: 10px;
    font-style: normal;
    color: #fff;
    font-size: 12px !important;
    padding: 2px 8px;
    border-radius: 10px;
}

/* 发布权限颜色 */
.wp-publish.publish-allowed {
    background-color: #28a745 !important;
}

.wp-publish.publish-denied {
    background-color: #fd7a25 !important;  /* 使用橙色，与原来的"未开通"颜色一致 */
}





/* 用户侧边栏中的权限标识 */
.user-profile .author .user-role-badge,
.user-profile .author .publish-permission-badge {
    font-size: 11px;
    padding: 3px 8px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

/* 权限标识的图标 */
.user-role-badge::before {
    content: "👤 ";
    margin-right: 2px;
}

.publish-permission-badge::before {
    content: "✏️ ";
    margin-right: 2px;
}

.publish-allowed.publish-permission-badge::before {
    content: "✅ ";
}

.publish-denied.publish-permission-badge::before {
    content: "❌ ";
}

/* 响应式设计 */
@media (max-width: 768px) {
    .user-role-badge,
    .publish-permission-badge {
        font-size: 9px;
        padding: 1px 4px;
        margin-left: 2px;
    }

    .user-profile .author .user-role-badge,
    .user-profile .author .publish-permission-badge {
        font-size: 10px;
        padding: 2px 6px;
        margin-right: 3px;
        display: block;
        margin-bottom: 3px;
        width: fit-content;
    }
}