/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.bb-profile-logout-wrap .bb-button {
    width: 90%;
    max-width: 300px;
}

.site-title a {
    color: #ffffff;
    font-size: 1.5rem;
}

.site-header .notification-wrap span.count {
    color: #000;
    background-color: #fadde3;
}

.site-header a.header-cart-link span.count, .woocommerce span.onsale {
    color: #000;
    background-color: #fadde3;
}


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

/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.bb-profile-logout-wrap .bb-button {
  width: 90%;
  max-width: 300px;
}

.site-title a {
  color: #ffffff;
  font-size: 1.5rem;
}

.site-header .notification-wrap span.count {
  color: #000;
  background-color: #fadde3;
}

.site-header a.header-cart-link span.count,
.woocommerce span.onsale {
  color: #000;
  background-color: #fadde3;
}

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

/* 手机端底部导航栏样式调整 */
.bb-mobile-header-wrapper .bb-left-panel-icon-wrap {
  display: none;
}
.bb-mobile-panel-wrapper.left,
.bb-mobile-panel-wrapper.left.closed {
  left: 0;
  bottom: 0;
  top: auto;
  height: 70px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.bb-mobile-panel-wrapper .bb-mobile-panel-header {
  display: none;
}
.bb-mobile-panel-wrapper .bb-mobile-panel-inner {
  padding: 0 10px;
}
.bb-mobile-panel-wrapper .bb-mobile-panel-inner .side-panel-menu {
  flex-flow: row;
  width: 100%;
}
.bb-mobile-panel-wrapper .bb-mobile-panel-inner .side-panel-menu li {
  flex: 1;
  display: flex;
  justify-content: center;
}
.bb-mobile-panel-wrapper .bb-mobile-panel-inner .side-panel-menu li a {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 5px 0px !important;
}
.bb-mobile-panel-wrapper .bb-mobile-panel-inner .side-panel-menu li a i {
  margin-right: 0 !important;
}
.bb-mobile-panel-wrapper .bb-mobile-panel-inner .side-panel-menu li a span {
  margin-right: 0 !important;
}

/* 手机端商品列表两列显示 */
@media (max-width: 544px) {
  .woocommerce .site-content ul.products[class*="columns-"] {
    margin-left: -1%;
    margin-right: -1%;
  }
  .woocommerce .site-content ul.products[class*="columns-"] li.product {
    width: 48%;
    max-width: 48%;
  }
}

/* Forums 论坛图片排列 */
@media (max-width: 543px) {
  .forum #bbpress-forums .bb-forums-list {
    display: flex;
    flex-direction: column;
  }
  .forum #bbpress-forums .bb-forums-list li {
    display: flex;
    height: 100%;
    flex: 1;
    margin-bottom: 10px;
  }
  .forum #bbpress-forums .bb-forums-list li .bb-cover-list-item {
    height: 112px;
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
  }
  .forum
    #bbpress-forums
    .bb-forums-list
    li
    .bb-cover-list-item
    .bb-cover-wrap
    img {
    top: -50%;
  }
}

/* Profile */
@media (max-width: 543px) {
  .bp-user #buddypress #item-header #header-cover-image {
    display: none;
  }
  .bp-user #cover-image-container {
    padding: 10px 0;
  }
  .bp-user #buddypress #item-header #item-header-cover-image {
    padding-bottom: 0;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-avatar {
    margin-left: unset;
    margin-right: unset;
    position: absolute;
    left: 5px;
    top: 43px;
    z-index: 100;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-avatar
    .link-change-profile-image {
    top: 33px;
  }
  .bp-user .users-header #item-header-avatar:hover .link-change-overlay {
    height: 100%;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-avatar
    img.avatar {
    max-width: 70px;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-avatar
    .member-status {
    top: 5px;
    right: 10px;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-content {
    text-align: right;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-content
    .bb-user-content-wrap {
    display: flex;
    flex-wrap: wrap;
    padding-left: 85px;
    padding-right: 10px;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-content
    .member-title-wrap {
    margin-bottom: 0px;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-content
    .user-nicename {
    font-size: 1.3rem;
    padding-right: 10px;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-content
    .bb-user-content-wrap
    .item-meta {
    text-align: left;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-content
    .gamipress-buddypress-points {
    margin-top: 5px;
  }
  .bp-user
    #buddypress
    #item-header
    #item-header-cover-image
    #item-header-content
    .member-social {
    display: none;
  }
}
/* Profile Shop */
@media (max-width: 543px) {
  .bp-user #buddypress #subnav li a {
    font-size: 12px;
  }
}