/* ==========================================================================
   WatDoUKnow — Profile page additions
   Paste into: Blocksy > Customizer > Custom CSS (alongside the others)
   Not scoped to a wrapper class — targets the plugin's own .wdk-profile-*
   classes directly, since [wdk_profile] renders those regardless of what
   page/theme it's embedded in.

   Everything else on the profile page (.wdk-profile-hero, .wdk-recap-card,
   .wdk-badge-tile, etc.) is already fully styled in the plugin's own
   wdk-quiz-public.css — only the new tier medallion needs styling here,
   since that markup didn't exist before this patch.
   ========================================================================== */

.wdk-tier-medallion{
  position:relative;
  width:74px; height:74px;
  border-radius:50%;
  border:3px solid #E8A23B; /* overridden inline per-user via $tier['color'] */
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0;
  background:#FAF8F4;
}
.wdk-tier-medallion-icon{
  font-size:30px;
}

@media (max-width: 900px) {
  .wdk-tier-medallion{ width:64px; height:64px; }
  .wdk-tier-medallion-icon{ font-size:26px; }
}