/* Sceau ZIC Certifié — composant transverse du site public.

   Un seul dessin (le <symbol> injecté par base.html), deux variantes :
   `--inline` (à côté d'un nom) et `--overlay` (pastille en coin d'avatar).

   Couleur : violet de marque #7B3FF2 PARTOUT, check blanc, sur les deux thèmes.
   Décision produit : un signal de confiance doit se reconnaître au premier coup
   d'œil — il ne suit donc PAS l'accent personnalisé du créateur, contrairement à
   l'ancienne pastille `.zh-ppi-verified` qu'il remplace.

   Chargé sans condition depuis base.html : les surfaces concernées (profil, home,
   Discover, modales chat et marketplace) vivent sur des pages dont les
   `head_extra` divergent. */

.zic-seal {
  --zic-seal-size: 18px;
  /* ⚠️ NE PAS déclarer `--zic-seal-ring` ici : une déclaration portée par
     l'élément lui-même l'emporte sur la valeur héritée de l'hôte, et le liseré
     resterait transparent en toutes circonstances. Le repli vit dans le `var()`
     de `.zic-seal--overlay`, pas dans une déclaration. */

  display: inline-flex;
  width: var(--zic-seal-size);
  height: var(--zic-seal-size);
  flex: 0 0 auto;
  line-height: 0;
  color: #7b3ff2;
}

.zic-seal-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.zic-seal--inline {
  vertical-align: -0.14em;
  margin-inline-start: 4px;
}

/* Le liseré est un `box-shadow` et non un `border` : il ne modifie pas la boîte,
   donc les offsets restent justes et rien ne se décale à l'apparition. */
.zic-seal--overlay {
  position: absolute;
  right: -4px;
  bottom: -4px;
  border-radius: 50%;
  background: var(--zic-seal-ring, transparent);
  box-shadow: 0 0 0 3px var(--zic-seal-ring, transparent);
}

/* À poser sur un conteneur d'avatar qui n'est pas déjà positionné — sans quoi le
   variant overlay se placerait sur le premier ancêtre positionné, c'est-à-dire
   dans un coin arbitraire de la page, et sans la moindre erreur. */
.zic-seal-anchor {
  position: relative;
  display: inline-block;
}

/* ---------------------------------------------------------------- Hôtes -- */

/* Profil public : le liseré suit le fond du thème (clair ↔ sombre). */
.zh-ppi-avatar-wrap {
  --zic-seal-ring: var(--pp-bg-soft, #140924);
}

/* Home et Discover : fond sombre fixe. */
.zh-hero-creator-avatar,
.zh-artist-card-media,
.zd-creator-tile {
  --zic-seal-ring: #0b0419;
}

@media (max-width: 768px) {
  /* La colonne d'identité réduit son avatar : le sceau suit. */
  .zh-ppi-avatar-wrap .zic-seal--overlay {
    --zic-seal-size: 22px;
    box-shadow: 0 0 0 2.5px var(--zic-seal-ring);
  }
}