/* =========================================
   PUBLIC PROFILE STATS
========================================= */

.public-profile-stats {
  display: grid;

  grid-template-columns:
    repeat(4, 115px);

  gap: 10px;

  margin-bottom: 22px;
}


.public-profile-stat {
  position: relative;

  min-width: 0;

  padding: 17px 12px;

  text-align: center;

  background-color: #ffffff;

  border: 1px solid var(--border);
  border-radius: 13px;

  box-shadow:
    0 4px 14px rgba(15, 23, 42, 0.05);

  text-decoration: none;

  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}


.public-profile-stat:hover {
  transform: translateY(-2px);

  border-color: #fdba74;

  box-shadow:
    0 7px 18px rgba(15, 23, 42, 0.08);
}


.public-profile-stat strong {
  display: block;

  margin-bottom: 7px;

  color: var(--orange-dark);

  font-size: 1.55rem;
  font-weight: 850;

  line-height: 1;
}


.public-profile-stat span {
  display: block;

  color: var(--muted);

  font-size: 0.76rem;
  font-weight: 600;
}


/* =========================================
   TABLET
========================================= */

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

  .public-profile-stats {
    grid-template-columns:
      repeat(4, minmax(0, 1fr));

    width: 100%;
  }

}


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

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

  .public-profile-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .public-profile-stat {
    padding: 15px 10px;
  }

}