/* =====================================================================
   Wiki Cards — photos de profil (voir folio-avatar.js)
   ===================================================================== */
/* pastille qui affiche une photo au lieu de l'initiale */
.wc-av-img{
  background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important;
  background-color:#11131a !important; color:transparent !important; text-shadow:none !important; font-size:0 !important;
}

.wc-av-cta{display:inline-flex; align-items:center; gap:8px;}
.wc-av-cta svg{width:16px; height:16px; flex:none;}

/* bouton « changer ma photo » sur ton avatar (page Profil) */
.fp-avatar-ring .wc-av-edit, .fp-avatar-ring .wc-av-del{
  position:absolute; z-index:3; display:flex; align-items:center; justify-content:center; cursor:pointer; border-radius:50%;
  transition:transform .15s, filter .15s;
}
.fp-avatar-ring .wc-av-edit{
  left:calc(85.4% - 18px); top:calc(85.4% - 18px); right:auto; bottom:auto; width:36px; height:36px; padding:0; margin:0; color:#1a1408; border:2px solid #0e1016;
  background:linear-gradient(180deg, #ffe9a6, #f5d67c 40%, #c9922e); box-shadow:0 6px 16px -6px rgba(245,214,124,0.9);
}
.fp-avatar-ring .wc-av-edit svg, .fp-avatar-ring .wc-av-del svg{
  position:static !important; inset:auto !important; transform:none !important; animation:none !important;
  fill:none !important; stroke:currentColor !important; stroke-width:1.9; opacity:1 !important; display:block; flex:none;
}
.fp-avatar-ring .wc-av-edit svg{width:18px !important; height:18px !important;}
.fp-avatar-ring .wc-av-del{
  display:none; left:calc(85.4% - 13px); top:calc(14.6% - 13px); right:auto; bottom:auto; width:26px; height:26px; padding:0; margin:0; color:#fff; border:2px solid #0e1016; background:rgba(224,102,92,0.95);
}
.fp-avatar-ring .wc-av-del svg{width:12px !important; height:12px !important; stroke-width:2.4;}
.fp-avatar-ring.wc-has-photo .wc-av-del{display:flex;}
.fp-avatar-ring .wc-av-edit:hover, .fp-avatar-ring .wc-av-del:hover{transform:scale(1.1); filter:brightness(1.08);}
/* l'avatar lui-même est cliquable pour changer la photo */
#fp-profile .fp-avatar-ring > .fp-av{transition:filter .2s;}
#fp-profile .fp-avatar-ring:hover > .fp-av{filter:brightness(0.85);}
/* pendant l'envoi */
.fp-avatar-ring.wc-av-busy > .fp-av{animation:wc-av-pulse 1s ease-in-out infinite;}
.fp-avatar-ring.wc-av-busy .wc-av-edit{pointer-events:none; filter:grayscale(1);}
@keyframes wc-av-pulse{50%{opacity:0.45;}}

@media (max-width:760px){
  .fp-avatar-ring .wc-av-edit{width:30px; height:30px; left:calc(85.4% - 15px); top:calc(85.4% - 15px);}
  .fp-avatar-ring .wc-av-edit svg{width:15px !important; height:15px !important;}
  .fp-avatar-ring .wc-av-del{width:22px; height:22px; left:calc(85.4% - 11px); top:calc(14.6% - 11px);}
}
@media (prefers-reduced-motion: reduce){ .fp-avatar-ring.wc-av-busy > .fp-av{animation:none;} }
#fp-profile .fp-avatar-ring > .fp-av{cursor:pointer;}
