@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

#template-sunflower {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  box-shadow: none;
}

#template-sunflower .link-bio-preview {
  background-color: #fff8e1 !important;
  background-image:
    radial-gradient(circle at 20% 15%, rgba(255, 213, 79, 0.35) 0%, transparent 35%),
    radial-gradient(circle at 85% 85%, rgba(255, 175, 64, 0.2) 0%, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(255, 236, 179, 0.4) 0%, transparent 60%) !important;
  padding-top: 32px !important;
}

#template-sunflower .link-bio-preview:not(:has(.avatar)) {
  padding-top: 60px !important;
}

#template-sunflower .profile-info {
  color: #3d2e00 !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
}

#template-sunflower .text {
  color: #7a5c1a !important;
  font-weight: 400 !important;
}

#template-sunflower .profile-section span {
  border: 3px solid #f9b418 !important;
  box-shadow: 0 8px 24px rgba(249, 180, 24, 0.3) !important;
}

#template-sunflower .avatar > img {
  object-fit: cover !important;
}

#template-sunflower .button {
  background-color: #ffc935 !important;
  color: #3d2e00 !important;
  border: 2px solid #3d2e00 !important;
  border-radius: 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-shadow: 3px 3px 0 #3d2e00 !important;
  transition: all 0.2s ease;
}

#template-sunflower .button:hover {
  background-color: #ffd75e !important;
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px 0 #3d2e00 !important;
}

#template-sunflower .card {
  background-color: #ffffff !important;
  border: 2px solid #3d2e00 !important;
  border-radius: 16px !important;
  box-shadow: 3px 3px 0 #3d2e00 !important;
  transition: all 0.2s ease;
}

#template-sunflower .card:hover {
  background-color: #fff8e1 !important;
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px 0 #3d2e00 !important;
}

#template-sunflower .divider {
  border-color: rgba(61, 46, 0, 0.2) !important;
}

#template-sunflower .icon-grid button {
  color: #3d2e00 !important;
  background-color: #ffffff !important;
  border: 2px solid #3d2e00 !important;
  border-radius: 9999px !important;
  box-shadow: 2px 2px 0 #3d2e00 !important;
  transition: all 0.2s ease;
}

#template-sunflower .icon-grid button:hover {
  background-color: #ffc935 !important;
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 #3d2e00 !important;
}

#template-sunflower .link-bio-footer {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: #7a5c1a !important;
}

/* Thumbnail fix — must come after all other .link-bio-preview rules */
#template-sunflower.template .link-bio-preview,
#template-sunflower.template .link-bio-preview:not(:has(.avatar)) {
  padding-top: 0 !important;
}