/*======================   XMP ======================================*/
/* Style de l'icône XMP (rouge) */
#facetag_show_xmp img {
  border-radius: 3px;
  width: 22px;
  height: 22px;
  padding: 2px;
  vertical-align: middle;
  margin-right: 5px;
  filter: invert(23%) sepia(91%) saturate(6207%) hue-rotate(352deg) brightness(89%) contrast(88%);
}

/* ========================  FACE  ==========================================*/
/* couleurs de l'icône SVG inline gérées via color: dans le <style> du template */

/*============================================================*/
/* Overlays des visages */
.facetag-overlay {
  position: absolute;
  border: 3px solid #00ff00;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
  pointer-events: none;
  z-index: 1000;
  box-sizing: border-box;
  opacity: 100% ;
}



.facetag-label {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none;
  margin-top: 2px;
 }
*/

/* CONTAINER */
.facetag-wrapper {
  text-align: center;
  width: 100%;
  overflow: hidden; /* Évite l'ascenseur */
}

.facetag-container {
  position: relative !important;
  display: inline-block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 0 !important;
  max-width: 100% !important;
}

.facetag-container img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

.facetag-overlay {
  position: absolute;
  border: 3px solid #00ff00;
  box-shadow: 0 0 10px rgba(0, 255, 0, 0.8);
  pointer-events: none;
  z-index: 1000;
  box-sizing: border-box;
  opacity: 1;
}

.facetag-label {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.9); /* SANS !important */
  color: white; /* SANS !important */
  padding: 0.3em 0.7em; /* Padding relatif à la taille de police */
  border-radius: 3px;
  font-size: 13px; /* SANS !important */
  font-weight: normal;
  white-space: nowrap;
  pointer-events: none;
  margin-top: 3px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  z-index: 1001;
}
