/* =========================================
   MARKETPLACE CARD ACTIONS
========================================= */

.marketplace-card-actions {
  display:
    flex;

  align-items:
    stretch;

  gap:
    8px;

  width:
    100%;

  margin-top:
    auto;

  margin-bottom:
    0 !important;

  padding-top:
    14px;
}


/* =========================================
   COMMON BUTTON STYLING
========================================= */

.marketplace-card-actions
.button {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  min-height:
    38px;

  margin-bottom:
    0;

  border-radius:
    8px;

  font-size:
    0.76rem;

  font-weight:
    800;

  transition:
    transform 0.15s ease,
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}


.marketplace-card-actions
.button:hover {
  transform:
    translateY(-1px);
}


/* =========================================
   VIEW LISTING
========================================= */

.marketplace-view-button {
  flex:
    1;

  width:
    0;

  color:
    #ffffff;

  background-color:
    var(--blue);

  border:
    1px solid
    var(--blue);
}


.marketplace-view-button:hover {
  color:
    #ffffff;

  background-color:
    var(--blue-dark);

  border-color:
    var(--blue-dark);
}


/* =========================================
   SOLD FORM
========================================= */

.marketplace-card-actions
.profile-listing-action-form {
  display:
    flex;

  flex:
    1;

  width:
    0;

  margin:
    0;
}


.marketplace-card-actions
.profile-listing-action-form
.button {
  flex:
    1;

  width:
    100%;
}


/* =========================================
   SOLD BUTTON
========================================= */

.marketplace-card-actions
.home-sold-button {
  color:
    var(--navy);

  background-color:
    var(--orange);

  border:
    1px solid
    var(--orange);
}


.marketplace-card-actions
.home-sold-button:hover {
  color:
    var(--navy);

  background-color:
    var(--orange-dark);

  border-color:
    var(--orange-dark);
}


/* =========================================
   FAVOURITE BUTTON LAYOUT
========================================= */

.marketplace-card-actions
.favourite-action-form {
  display:
    flex;

  flex:
    1;

  width:
    0;

  margin:
    0;
}


.marketplace-card-actions
.favourite-action-form
.button.favourite-button {
  flex:
    1;

  width:
    100%;
}


/* =========================================
   MOBILE
========================================= */

@media screen and (max-width: 768px) {

  .marketplace-card-actions {
    gap:
      7px;

    padding-top:
      13px;
  }


  .marketplace-card-actions
  .button {
    min-height:
      38px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media screen and (max-width: 480px) {

  .marketplace-card-actions {
    flex-direction:
      column;

    align-items:
      stretch;
  }


  .marketplace-view-button {
    flex:
      none;

    width:
      100%;
  }


  .marketplace-card-actions
  .profile-listing-action-form {
    flex:
      none;

    width:
      100%;
  }


  .marketplace-card-actions
  .favourite-action-form {
    flex:
      none;

    width:
      100%;
  }


  .marketplace-card-actions
  .favourite-action-form
  .button.favourite-button {
    width:
      100%;
  }

}


/* =========================================
   COMPACT MOBILE ACTIONS
========================================= */

@media screen and (max-width: 768px) {

  .marketplace-card-actions {
    display:
      block;

    padding-top:
      8px;
  }


  .marketplace-view-button,
  .marketplace-card-actions
  .profile-listing-action-form {
    display:
      none;
  }


  .marketplace-card-actions
  .favourite-action-form {
    display:
      block;

    width:
      100%;

    margin:
      0;
  }


  .marketplace-card-actions
  .favourite-action-form
  .button.favourite-button {
    width:
      100%;

    min-height:
      30px;

    padding:
      4px 7px;

    border-radius:
      7px;

    font-size:
      0.68rem;
  }

}




/* =========================================
   FINAL MOBILE MARKETPLACE ACTIONS
========================================= */

@media screen and (max-width: 768px) {

  .marketplace-card-actions {
    display:
      none !important;
  }

}