/* SH Favorites - basic styles */
.sh-members-actions-results{
width: fit-content;

}
.sh-fav-btn { 
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: none; padding: 0; margin: 0;
  color: #fff; cursor: pointer; transition: opacity .2s ease;
}
.sh-fav-btn:hover { opacity: .9; }
.sh-fav-btn .sh-heart { display:block; }

/* Wrapper δίπλα στις αξιολογήσεις */
.sh-members-actions {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.sh-members-actions .sh-reviews-summary { margin: 0; }

/* Favorites container με ροζ styling */
.sh-favorites {

  display: flex;
      align-items: center;
      justify-content: center;
      padding: 0px 0px 0px 15px;
}
.sh-favorites-wrapper {
  border-style: dashed;
  border-width: 1px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 330px;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.19);
  border-color: rgba(255, 255, 255, 0.38);
  border-radius: 10px;
  padding: 10px;
  min-height: 58px;
}

.sh-favorite-results .sh-favorites-wrapper{
  padding: 4px 0px;
  flex-shrink: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin : 0 0 20px 0;
  background-color: #ff495512;
  border-color: rgba(255, 86, 86, 0.38);

}
.sh-favorite-results .sh-favorites {

  display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 10px 0px 0px 0px;
}
.sh-favorite-results .sh-fav-btn {color: #e63946e3; }
  .sh-favorite-results .sh-favorites .sh-fav-cta { color: #e63946e3; }
  .sh-favorite-results .sh-favorites .sh-fav-cta.is-active { color: #e63946e3; }


.sh-favorites .sh-fav-btn { margin: 0; }
.sh-favorites .sh-fav-cta { white-space: nowrap; font-weight: 400; color: #ffffffde; }
.sh-favorites .sh-fav-cta.is-active { color: #ffffffde; }

.grid-view .grid-content .sh-favorite-results{
  max-width: 50%;
}
.grid-view .grid-content .sh-favorites .sh-fav-cta {white-space: normal;
  text-align: center;}

.grid-view .grid-content .sh-members-actions-results .sh-favorites {padding: 0px}
.grid-view .grid-content .sh-members-actions-results .sh-favorites-wrapper {
  display: flex;
  align-items: center;
  gap: 11px;
  justify-content: flex-start;
  padding: 10px;
  margin: 0;
  font-size: 12px;
  flex-direction: column;
  min-width: 100px;
  background-color: #ff495512;
border-color: rgba(255, 86, 86, 0.38);
border-style: dashed;
border-width: 1px;
min-height:120px
}

.sh-favorites-wrapper {
    border-style: dashed;
    border-width: 1px;
}

/* Responsive: σε μικρές οθόνες το CTA πάει από κάτω */
@media (max-width: 768px){
.grid-view .grid-content .sh-members-actions-results .sh-favorites {padding: 0px}
.grid-view .grid-content .sh-members-actions-results .sh-favorites-wrapper {
  
  display: flex;
          align-items: center;
          gap: 11px;
          justify-content: flex-start;
          padding: 0;
          margin: 0;
          min-height: 30px;
          font-size: 12px;
          flex-direction: row;
          min-width: 240px;
          background-color: transparent;
          border-color: transparent;
          border: none;
}
  .sh-favorites .sh-fav-cta { color: #e63946e3; }
  .sh-favorites .sh-fav-cta.is-active { color: #e63946e3; }
  .sh-favorites-wrapper {

    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 230px;
    justify-content: center;
    background-color: #ff495512;
    border-color: rgba(255, 86, 86, 0.38);
    border-radius: 10px;
    padding:  10px;
    margin: 0px 10px 40px;
  }
  .sh-favorite-results .sh-favorites {
    padding: 0px;
    margin: 0px 0px 5px -6px;

    
  }

  .sh-favorite-results .sh-favorites-wrapper{
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    padding:  0px;
    margin: 0px;
    border: 0px;
    background-color: transparent;
    min-height:fit-content;
  }



  .sh-members-actions {display: grid; gap: 8px 10px; }
  .sh-favorites { flex-wrap: wrap; gap: 6px; padding: 0px 20px;}
  .sh-favorites .sh-fav-cta { flex-basis: fit-content;font-size: 12px; }

  .sh-fav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    color: #e63946e3;
    cursor: pointer;
    transition: opacity .2s ease;
  }

}

/* Toast (re-usable, similar to Member Area) */
#sh-toast-container {
  position: fixed;
  top: 66px;
  right: 16px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sh-toast {
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 13px;
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  border: 1px solid transparent;
  color: #fff;
}
.sh-toast.is-success { background: rgba(22,163,74,0.25); border-color: rgba(22,163,74,0.6); color: rgb(22,163,74);}
.sh-toast.is-error { background: rgba(239,68,68,0.25); border-color: rgba(239,68,68,0.6); color: rgb(239,68,68);}