/* =====================================================================
   Rendu d'UNE valeur EAV — styles du partiel components/cards/_value.html.twig

   Ce partiel est PARTAGÉ : cartes d'objets, cartes et fiches de CONTACT, et les onze modes
   d'affichage de /objet-liste. Ses styles doivent donc être chargés partout, pas seulement
   sur la vue liste — d'où ce fichier, chargé via `templates/_stylesheets.html.twig`.

   Ils vivaient dans objet_liste.css, chargée par la seule vue liste : sur une fiche contact,
   une notation de 2/5 s'affichait EXACTEMENT comme 5/5 (les étoiles actives n'étaient pas
   colorées) et la pastille de couleur était invisible (l'élément n'avait ni largeur ni
   hauteur). La donnée était fausse à l'œil.

   Aucun jeton de la coquille `.objet-liste-shell` n'est utilisé ici sans repli.
   ===================================================================== */

.ov-link { color: inherit; font-weight: 500; border-bottom: 1px solid transparent; }
.ov-link:hover { color: var(--dom-strong, var(--ev-primary)); border-bottom-color: currentColor; text-decoration: none; }
.ov-empty { color: #c9cfd8; }
.ov-badges { display: inline-flex; flex-wrap: wrap; gap: 3px; }

.ov-color { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.ov-color i { width: 14px; height: 14px; border-radius: var(--r-xs, 4px); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); }

.ov-stars { display: inline-flex; gap: 1px; }
.ov-stars .material-symbols-outlined { font-size: 15px; color: #e2e6ea; }
.ov-stars .material-symbols-outlined.is-on { color: #f59f00; font-variation-settings: 'FILL' 1; }

/* Pastille de badge d'option : sur une carte, la couleur de fond d'un badge s'aplatit dans le
   bloc qui l'entoure ; la pastille rend l'option identifiable d'un coup d'œil. */
.badge .ov-dot {
  display: inline-block;
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: middle;
}

/* Reste des valeurs masquées par la borne de la carte : compté, jamais tu. */
.datagrid-item--rest .datagrid-content {
  color: var(--ev-muted, #6c757d);
  font-size: 11px;
  font-style: italic;
}