/*! EasyKustom — EasyVerse © 2026. Tous droits réservés.
 * Code propriétaire. Reproduction, extraction automatisée, réutilisation et
 * entraînement de modèles interdits sans autorisation écrite. Voir LICENSE.
 */
/* Identité du compte en haut à droite du site magasin (EK-2026-08-24-PD-035, règle 2).
   Le bloc n'impose aucune couleur de marque : chaque page règle --store-account-* si besoin. */
.store-account{
  --store-account-ink:var(--store-account-ink-override,#0f1c33);
  --store-account-muted:var(--store-account-muted-override,#5a6b85);
  --store-account-surface:var(--store-account-surface-override,rgba(255,255,255,.94));
  --store-account-border:var(--store-account-border-override,rgba(15,28,51,.14));
  --store-account-accent:var(--store-account-accent-override,#1346e8);
  position:relative;display:inline-flex;align-items:center;font-family:inherit;line-height:1.2;
}
.store-account[data-state="anonymous"] .store-account-user{display:none}
.store-account:not([data-state="anonymous"]) .store-account-login{display:none}

.store-account-login{
  display:inline-flex;align-items:center;gap:.5em;padding:.62em 1.05em;border-radius:999px;
  border:1px solid var(--store-account-border);background:var(--store-account-surface);
  color:var(--store-account-ink);font-size:11px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;
}
.store-account-login:hover,.store-account-login:focus-visible{background:var(--store-account-accent);border-color:var(--store-account-accent);color:#fff}

/* PD-048 : l'en-tête ne porte plus qu'UN bouton rond aux initiales (nom, état et rôle sont dans le menu). */
.store-account-chip{
  position:relative;display:inline-grid;place-items:center;width:2.6em;height:2.6em;padding:0;border-radius:50%;
  border:1px solid var(--store-account-border);background:var(--store-account-surface);
  color:var(--store-account-ink);font:inherit;cursor:pointer;
}
.store-account-chip:hover,.store-account-chip:focus-visible{border-color:var(--store-account-accent)}
.store-account-avatar{
  display:grid;place-items:center;width:2.1em;height:2.1em;flex:0 0 auto;border-radius:50%;
  background:var(--store-account-accent);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;
}
.store-account-name{
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--store-account-ink);
}
.store-account-email{overflow:hidden;text-overflow:ellipsis}
.store-account-state{
  display:inline-flex;align-items:center;gap:.4em;font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--store-account-muted);white-space:nowrap;
}
.store-account-state i{width:.5em;height:.5em;border-radius:50%;background:#12a150;flex:0 0 auto}

.store-account-menu{
  position:absolute;top:calc(100% + .5em);right:0;z-index:60;min-width:15em;padding:.5em;
  display:flex;flex-direction:column;gap:.15em;border-radius:14px;border:1px solid var(--store-account-border);
  background:#fff;box-shadow:0 18px 40px rgba(9,20,40,.18);
}
.store-account-menu[hidden]{display:none}
.store-account-menu-head{margin:0 0 .35em;padding:.5em .7em;border-radius:10px;background:rgba(19,70,232,.07);display:flex;flex-direction:column;gap:.2em}
.store-account-menu-head b{font-size:12px;color:var(--store-account-ink);overflow:hidden;text-overflow:ellipsis}
.store-account-menu-head small{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--store-account-muted)}
.store-account-menu-head small:empty{display:none}
.store-account-menu-head .store-account-email{text-transform:none;letter-spacing:0}
.store-account-menu-item{
  display:block;width:100%;padding:.6em .7em;border:0;border-radius:10px;background:transparent;
  color:var(--store-account-ink);font:inherit;font-size:12px;font-weight:700;text-align:left;
  text-decoration:none;cursor:pointer;
}
.store-account-menu-item:hover,.store-account-menu-item:focus-visible{background:rgba(19,70,232,.1)}
.store-account-logout{color:#b3261e}
/* Un compte d'administration ne commande pas : il n'a pas d'espace client (PD-035, règle 1). */
.store-account[data-state="client"] .store-account-menu-head,
.store-account[data-state="client"] [data-store-account-link="administration"]{display:none}
.store-account[data-state="management"] [data-store-account-link="projets"],
.store-account[data-state="management"] [data-store-account-link="commandes"]{display:none}

/* Repli quand une page n'expose pas encore d'emplacement dans son en-tête. */
.store-account-floating{position:fixed;top:14px;right:16px;z-index:70}

/* Mention « pas de commande » posée à la place d'un bouton d'achat (configurateur, panier). */
.store-account-order-block{
  display:block;margin:0;padding:.9em 1.1em;border-radius:14px;border:1px dashed rgba(179,38,30,.45);
  background:rgba(179,38,30,.07);color:#8c1d18;font-size:12px;font-weight:700;line-height:1.45;text-align:center;
}

@media (max-width:720px){
  .store-account-chip{width:2.4em;height:2.4em}
  .store-account-login{font-size:10px;padding:.55em .8em}
}