article.wordpress h1:first-of-type {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

/* minimal css for marketplace */
.bb-project-item{
    border:1px solid #ddd;
    padding:12px;
    margin-bottom:10px;
}
.bb-bids-list li{
    border-bottom:1px dashed #ccc;
    padding:8px 0;
}



#item-body.brxe-container #subnav,
#item-body.brxe-container .profile.public,
#item-body.brxe-container .profile.edit,
#item-body.brxe-container .profile.change-avatar,
#item-body.brxe-container .profile.change-cover-image,
#item-body.brxe-container .general-settings-screen,
#item-body.brxe-container .info.email-pwd-info,
#item-body.brxe-container #settings-form,
#item-body.brxe-container .bp-help-text.email-notifications-info,
#item-body.brxe-container .screen-heading.profile-settings-screen,
#item-body.brxe-container .bp-help-text.profile-visibility-info,
#item-body.brxe-container .moderation,
#item-body.brxe-container .bb-subnav-filters-container,
#item-body.brxe-container #notifications-user-list,
#item-body.brxe-container #dir-filters,
#item-body.brxe-container .bb-my-bids,
#item-body.brxe-container .messages-wrapper,
#item-body.brxe-container .bb-my-projects,
#item-body.brxe-container .bb-service-grid,
#item-body.brxe-container .bb-portfolio-grid,
#item-body.brxe-container #bb-service-form,
#item-body.brxe-container #bb-portfolio-form,
#buddypress{
    min-width:100%;
}


body .bp-messages-user-threads{
        overflow: initial;
}


.bp-menu.bp-profile-nav,
.bp-menu.bp-logout-nav,
.bp-menu.bp-login-nav,
.bp-menu.bp-register-nav{
    display:none;
}


@media screen and (max-width: 1120px) {
  /* CSS rules to be applied when the viewport width is 600px or less */
  article.wordpress{
      max-width:98% !important;
  }
}


@media screen and (max-width: 768px) {
  /* CSS rules to be applied when the viewport width is 600px or less */
  .bb-filter-row.bb-filter-freelancer{
    display:block;
  }
  .bb-filter-row.bb-filter-freelancer .bb-filter-input{
      margin-top:5px;
      margin-bottom:5px;
  }
}

@media screen and (max-width: 767px) {
    .bp-menu.bp-profile-nav,
    .bp-menu.bp-logout-nav,
    .bp-menu.bp-login-nav,
    .bp-menu.bp-register-nav{
        display:block;
    }

}

@media screen and (max-width: 478px) {
  /* CSS rules to be applied when the viewport width is 600px or less */
  article.wordpress{
    max-width:95% !important;
    margin-top: 50px;
  }
}







/*Accordion*/
.accordion {
  /*max-width: 520px;*/
  max-width: 100%;
  margin: 40px auto;
  /*font-family: Arial, sans-serif;*/
}

.item {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 10px;
  overflow: hidden;
}

/* header */
/*.header {*/
/*    width: 100% !important;*/
/*    padding: 16px !important;*/
/*    background: #f7f7f7 !important;*/
/*    border: none;*/
/*    cursor: pointer !important;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    font-size: 16px !important;*/
/*}*/
/* header */
.header {
  width: 100% !important;
  padding: 16px !important;
  background: #f7f7f7 !important;
  border: none;
  cursor: pointer !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  /*font-family: Arial, sans-serif;*/
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
}
.header.assigned{
    background: #0092cb !important;
    color: white;
}
.header.assigned .author-name,
.header.assigned .rating-value,
.header.assigned .price,
.header.assigned .arrow{
    color: white;
}
/* left section */
.header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.author-img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}

/* meta text */
.meta {
  display: flex;
  flex-direction: column;
}

.author-name {
  font-weight: 600;
  font-size: 15px;
}

.rating {
  font-size: 14px;
  color: #f5a623;
}

.rating-value {
  color: #666;
  font-size: 13px;
  margin-left: 4px;
}

/* right section */
.header-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.price {
  font-weight: 600;
  color: #2b7cff;
  font-size: 15px;
}

/* arrow */
.arrow {
  transition: transform 0.35s ease;
}

/* rotate arrow when open (JS already controls this) */

/* arrow */
.arrow {
  transition: transform 0.35s ease;
}

/* content */
.content:not(.project_item) {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}

.content p {
  padding: 16px;
  margin: 0;
  color: #555;
}





.star {
    font-size: 24px;
    color: #ccc;
    position: relative;
    display: inline-block;
}

.star.filled {
    color: gold;
}

.star.half {
    color: #ccc;
}

.star.half::before {
    content: "\2605";
    color: gold;
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden;
}