/* style.css - Typography setup and custom brand gradients */

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  scroll-behavior: smooth;
}

/* Shopee Orange (#ee4d2d) to Royal Purple (#7c3aed) solid brand background overlay */
.bg-gradient-brand {
  background: linear-gradient(135deg, #ee4d2d 0%, #7c3aed 100%);
}

/* Custom text clip rule to inject the brand gradient spectrum inside typography shapes */
.text-gradient {
  background: linear-gradient(to right, #ee4d2d, #7c3aed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product-number-badge {
  position: absolute;
  bottom: 68px;
  right: 8px;
  background-color: #333333;
  /* Cor escura discreta para não brigar com o design */
  color: #ffffff;
  font-family: 'Arial', sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
  opacity: 0.9;
  margin-left: 12px;
}