/* ==================================================================
   dossier_v6_marche.css — onglet Marché
   Le prix de référence sortait en 3ᵉ position d'une grille de 3, à côté
   de deux panneaux vides. Il devient un bandeau pleine largeur : le
   chiffre, sa position dans la fourchette des comparables, ses 3 qualifs.
   ================================================================== */

.theme-emeraude .mk {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  gap: 0;
  margin: 16px 0 14px;
  background: var(--c-panel);
  border: 1px solid var(--c-border);
  border-radius: 10px;
  overflow: hidden;
}

/* ---- le chiffre ---------------------------------------------------- */
/* ---- le chiffre : pas de bloc plein, le poids vient de la taille ---- */
.theme-emeraude .mk__lead {
  padding: 20px 24px 22px;
  border-right: 1px solid var(--c-border);
}
.theme-emeraude .mk__eyebrow {
  display: block;
  font-family: var(--f-mono);
  font-size: 9.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--c-muted);
}
.theme-emeraude .mk__val {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 0;
}
.theme-emeraude .mk__val .mono {
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--em-emerald-deep, var(--c-accent));
}
.theme-emeraude .mk__unit {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--c-muted);
}
.theme-emeraude .mk__note {
  margin: 12px 0 0;
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--c-muted);
  border-top: 1px solid var(--c-border);
  padding-top: 10px;
}

/* ---- la fourchette ------------------------------------------------- */
.theme-emeraude .mk__scale { padding: 20px 26px 16px; }
.theme-emeraude .mk__scale-h {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--c-muted);
}
.theme-emeraude .mk__conf { color: var(--em-emerald-deep, var(--c-accent)); }

.theme-emeraude .mk__bar {
  position: relative;
  height: 8px;
  margin: 46px 0 0;
  border-radius: 99px;
  background: transparent;
  border: 1px solid var(--c-border-strong);
}
.theme-emeraude .mk__tick {
  position: absolute;
  bottom: -2px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
}
.theme-emeraude .mk__tick::after {
  content: '';
  order: 3;
  width: 2px;
  height: 14px;
  margin-top: -2px;
  background: currentColor;
}
.theme-emeraude .mk__tick b {
  order: 1;
  font-family: var(--f-mono);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.theme-emeraude .mk__tick small {
  order: 2;
  margin: 1px 0 4px;
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: .8;
}
.theme-emeraude .mk__tick--ref  { color: var(--c-ink); }
/* le repère « revente visée » passe SOUS la barre : à 7 points d'écart,
   les deux étiquettes se chevaucheraient du même côté. */
.theme-emeraude .mk__tick--goal {
  color: var(--em-brass, var(--c-warn));
  bottom: auto;
  top: 2px;
  flex-direction: column-reverse;
}
.theme-emeraude .mk__tick--goal small { margin: 4px 0 1px; }

.theme-emeraude .mk__bounds {
  display: flex;
  justify-content: space-between;
  margin-top: 58px;
  font-size: 11px;
  color: var(--c-muted);
}

/* ---- les 3 qualifications ------------------------------------------ */
.theme-emeraude .mk__stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--c-border);
}
.theme-emeraude .mk__stats > div {
  padding: 12px 24px 13px;
  border-right: 1px solid var(--c-border);
}
.theme-emeraude .mk__stats > div:last-child { border-right: 0; }
.theme-emeraude .mk__stats dt {
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--c-muted);
}
.theme-emeraude .mk__stats dd {
  margin: 4px 0 0;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--c-ink);
}
.theme-emeraude .mk__stats dd span {
  font-weight: 400;
  color: var(--c-muted);
}

/* Fonds beiges sur gros blocs : retirés (préférence utilisateur, épuré).
   La séparation passe par un filet, pas par un aplat. */
.theme-emeraude .v1-sect--checklist {
  background: transparent;
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}
.theme-emeraude .v1-checklist { background: transparent; }
.theme-emeraude .v1-checklist__item { border: 1px solid var(--c-border); }
.theme-emeraude .tech__grid--2 { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }

/* Les données absentes tenaient chacune un panneau entier (« Aucune photo »,
   « Proximité non calculée ») : elles deviennent une liste de manques. */
.theme-emeraude .tech__gaps {
  list-style: none;
  margin: 0;
  padding: 4px 0 2px;
}
.theme-emeraude .tech__gaps li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--c-border);
}
.theme-emeraude .tech__gaps li:last-child { border-bottom: 0; }
.theme-emeraude .tech__gap-k {
  flex: none;
  min-width: 108px;
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--c-muted);
}
.theme-emeraude .tech__gap-v {
  font-size: 13px;
  line-height: 1.45;
  color: var(--c-ink-2);
}

@media (max-width: 1024px) {
  .theme-emeraude .mk { grid-template-columns: minmax(0, 1fr); }
  /* en pile, la séparation ne peut plus être le filet vertical */
  .theme-emeraude .mk__lead {
    border-right: 0;
    border-bottom: 1px solid var(--c-border);
  }
  .theme-emeraude .mk__stats { grid-template-columns: minmax(0, 1fr); }
  .theme-emeraude .mk__stats > div { border-right: 0; border-bottom: 1px solid var(--c-border); }
  .theme-emeraude .tech__grid--2 { grid-template-columns: minmax(0, 1fr); }
}