/* ================================================================
   SXC ↔ Vandeto Map — pont visuel (v2.4.0)
   Harmonise les badges des modules VDM (mod-trust, mod-price-index,
   mod-freshness) sur les cards SXC (Atlas, Halo, Orbit).
   Les modules injectent leur markup natif ; ce fichier ne fait
   qu'adapter positions et contrastes — AUCUN module VDM modifié.
   Scopé .sxc-card : n'affecte jamais les vraies cards vandeto-map.
   ================================================================ */

/* ── mod-trust : « Fiable 100 » — bas-droite de l'image ──────────
   v2.6.1 — le max-width:44%/42% venait d'un calcul fait pour les cards
   VANDETO-MAP, où .vdm-card-cat occupe la moitié gauche de l'image et
   où il faut donc partager. Sur une card SXC c'est faux : la catégorie
   vit dans .sxc-card__body, et les badges Hot/Online sont en haut
   (badges_v_position par défaut). Le badge trust est SEUL en bas → il
   était étranglé pour rien, d'où le « Fiable 100 » qui se coinçait.
   calc(100% - 12px) = il prend ce qu'il lui faut, l'ellipsis ne sert
   plus que de filet pour un libellé exotique. nowrap conservé :
   « Fiable » et « 100 » ne doivent jamais tomber sur deux lignes. */
.sxc-card .vdm-trust-badge{position:absolute;bottom:8px;right:8px;max-width:calc(100% - 12px);z-index:3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ── mod-freshness : « Il y a 3h » — début du body ───────────────
   Le module fait body.insertBefore(badge, firstChild) : il arrive
   donc AVANT le badge catégorie SXC (Atlas/Halo). On l'aligne. */
.sxc-card .vdm-fresh-card-badge{display:inline-block;align-self:flex-start;margin-bottom:2px;}

/* ── mod-price-index : « ▼ 8% sous le marché » ─────────────────── */
.sxc-card .vdm-price-badge{display:block;width:fit-content;}

/* Ordre visuel dans le body (flex column) : la fraîcheur remonte en tête.
   Le badge prix-index, lui, n'a plus besoin d'order : depuis la v2.5.0 le
   prix existe et porte l'alias .vdm-card-price, donc mod-price-index se
   place tout seul juste en dessous (voir plus bas). */
.sxc-card .sxc-card__body{position:relative;}
.sxc-card .vdm-fresh-card-badge{order:-3;}

/* ── Modèle HALO (fond sombre) : contrastes ──────────────────────
   Les badges VDM sont dessinés pour fond clair ; sur Halo on passe
   en verre sombre lisible sans toucher aux couleurs sémantiques. */
.sxc-model--halo .sxc-card .vdm-fresh-card-badge,
.sxc-model--halo .sxc-card .vdm-price-badge{background:rgba(255,255,255,.10);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.sxc-model--halo .sxc-card .vdm-price-badge--low{color:#7dff9e;}
.sxc-model--halo .sxc-card .vdm-price-badge--high{color:#ff9d8f;}
.sxc-model--halo .sxc-card .vdm-price-badge--mid{color:#e8e8e8;}
.sxc-model--halo .sxc-card .vdm-fresh-card--green{color:#7dff9e;}
.sxc-model--halo .sxc-card .vdm-fresh-card--orange{color:#ffd479;}
.sxc-model--halo .sxc-card .vdm-fresh-card--red{color:#ff9d8f;}

/* ── Modèle ORBIT (image pleine card, body en overlay bas) ───────
   Le body Orbit est un bandeau : fraîcheur et prix-index y tiennent
   en ligne compacte. Le trust reste sur l'image, remonté au-dessus
   du dégradé de titre. */
/* Orbit : le bas est pris par le dégradé de titre → badge en haut-droite,
   où il partage avec Hot/Online. Seul cas qui reste borné (60%). */
.sxc-model--orbit .sxc-card .vdm-trust-badge{bottom:auto;top:8px;right:8px;max-width:60%;}
.sxc-model--orbit .sxc-card .vdm-fresh-card-badge,
.sxc-model--orbit .sxc-card .vdm-price-badge{font-size:10px;background:rgba(255,255,255,.12);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.sxc-model--orbit .sxc-card .vdm-price-badge--low{color:#7dff9e;}
.sxc-model--orbit .sxc-card .vdm-price-badge--high{color:#ff9d8f;}
.sxc-model--orbit .sxc-card .vdm-price-badge--mid{color:#e8e8e8;}

/* ── Mobile ──────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  /* v2.6.1 : plus de max-width mobile — c'est lui qui coinçait le badge. */
  .sxc-card .vdm-trust-badge{bottom:6px;right:6px;max-width:calc(100% - 10px);}
  .sxc-model--orbit .sxc-card .vdm-trust-badge{bottom:auto;top:6px;right:6px;max-width:60%;}
  .sxc-card .vdm-fresh-card-badge,
  .sxc-card .vdm-price-badge{font-size:9.5px;}
}

/* ── Neutralisation de l'héritage map.css — v2.5.0 ───────────────
   map.css de vandeto-map contient des règles NON scopées :
     .vdm-card-media{padding-top:var(--vdm-ratio,64%);background:#f4f4f4;}
     .vdm-card-media img{position:absolute;inset:0;...}
   Comme on alias .sxc-card__img-wrap en .vdm-card-media, sur une page
   qui contient À LA FOIS une carte VDM et un widget SXC, ce padding-top
   s'ajoutait par-dessus le ratio interne de SXC → bande vide, image qui
   ne remplit plus. Ici on rend l'alias purement sémantique : il ne sert
   qu'à donner à mod-trust sa cible d'injection, jamais de la géométrie.
   !important assumé : on écrase une règle d'un autre plugin, à égalité
   de spécificité, sans ordre de chargement garanti. */
.sxc-card .vdm-card-media{padding-top:0 !important;background:transparent !important;}
.sxc-card .vdm-card-media > img{position:static;}

/* Le prix SXC est aliasé .vdm-card-price → mod-price-index colle
   désormais son badge JUSTE SOUS le prix (price.after(badge)) au lieu
   de le prepend en haut du body. On annule donc l'ancien order. */
.sxc-card .vdm-price-badge{order:0;margin-top:1px;margin-bottom:3px;}