/* =========================================
   BUSINESS PROFILE
========================================= */

.public-profile-business-badge {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding:
    4px 10px;

  background-color:
    #fff7e6;

  color:
    var(--orange-dark);

  border:
    1px solid
    #f4c477;

  border-radius:
    999px;

  font-size:
    0.7rem;

  font-weight:
    850;

  text-transform:
    uppercase;

  letter-spacing:
    0.05em;
}


/* =========================================
   BUSINESS INFORMATION
========================================= */

.public-profile-business-type {
  display: inline-block;

  margin-top: 2px;
  margin-bottom: 6px;

  color:
    var(--navy);

  font-size:
    0.9rem;

  font-weight:
    750;
}


.public-profile-business-detail {
  margin-top: 4px;

  color:
    var(--muted);

  font-size:
    0.9rem;
}


.public-profile-business-detail
strong {
  color:
    var(--navy);

  font-weight:
    750;
}


.public-profile-business-detail
a {
  color:
    var(--link);

  font-weight:
    650;

  text-decoration:
    none;
}


.public-profile-business-detail
a:hover {
  text-decoration:
    underline;
}


/* =========================================
   BUSINESS CONTACT DETAILS
========================================= */

.public-profile-business-contact {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap:
    7px 20px;

  margin-top: 10px;
}


.public-profile-business-contact
.public-profile-business-detail {
  margin-top: 0;
}


/* =========================================
   BUSINESS DESCRIPTION
========================================= */

.public-profile-business-description {
  max-width:
    650px;

  margin-top: 14px;

  padding-top: 12px;

  color:
    var(--muted);

  font-size:
    0.92rem;

  line-height:
    1.55;

  border-top:
    1px solid
    #edf0f3;
}


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

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

  .public-profile-business-contact {
    flex-direction:
      column;

    align-items:
      flex-start;

    gap: 5px;
  }


  .public-profile-business-description {
    max-width:
      100%;
  }

}