/* Carte de compte du visiteur connecté, commune à toutes les pages publiques
   (annuaire, fiches, tarifs, pages métier). La page d'accueil porte la même
   dans ses propres styles (#view-landing .cta-compte, index.html).
   Couleurs écrites en dur : chaque page a ses propres variables. */
.cw-compte{
  display:inline-flex; align-items:center; gap:11px; flex:0 0 auto;
  padding:5px 12px 5px 5px; border-radius:999px;
  color:#F2F4F7; text-decoration:none; white-space:nowrap;
  font-family:'Inter', ui-sans-serif, system-ui, sans-serif;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  border:1.5px solid rgba(107,162,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 3px rgba(47,123,255,.1), 0 10px 28px -18px rgba(0,0,0,.8);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  transition:transform .3s cubic-bezier(.2,.7,.2,1), border-color .2s ease, box-shadow .3s ease;
}
.cw-compte:hover{
  text-decoration:none; color:#F2F4F7;
  border-color:rgba(107,162,255,.9); transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 32px -16px rgba(47,123,255,.42);
}
.cw-compte-avatar{
  position:relative; flex:0 0 auto; width:34px; height:34px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font:700 .86rem/1 'Inter', ui-sans-serif, system-ui, sans-serif; color:#fff;
  background:linear-gradient(135deg, #6BA2FF, #2F7BFF 55%, #1B4FCC);
  box-shadow:0 0 0 2px rgba(12,14,17,.9), 0 0 0 3.5px rgba(47,123,255,.55);
}
.cw-compte-avatar.a-logo{ background:#fff; }
.cw-compte-avatar img{ width:34px; height:34px; border-radius:50%; object-fit:cover; display:block; }
/* Pastille « connecté » */
.cw-compte-avatar::after{
  content:""; position:absolute; right:-1px; bottom:-1px; width:10px; height:10px; border-radius:50%;
  background:#2FD47A; box-shadow:0 0 0 2px #0C0E11;
}
.cw-compte-texte{ display:flex; flex-direction:column; align-items:flex-start; min-width:0; gap:3px; line-height:1.1; text-align:left; }
.cw-compte-libelle{ font-size:.66rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#98A1AE; }
.cw-compte-nom{ font-size:.86rem; font-weight:600; max-width:16ch; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cw-compte-fleche{ width:14px; height:14px; color:#98A1AE; flex:0 0 auto; transition:transform .25s cubic-bezier(.2,.7,.2,1), color .2s ease; }
.cw-compte:hover .cw-compte-fleche{ transform:translateX(3px); color:#6BA2FF; }

/* Téléphone : l'avatar seul, comme sur la page d'accueil. */
@media (max-width:860px){
  .cw-compte{ padding:3px; gap:0; }
  .cw-compte-texte, .cw-compte-fleche{ display:none; }
}