/* ============================================================
   VISIONARY ELITE MARRAKECH — resultats.css
   ============================================================ */

.hero-mini-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

/* ── AVANT / APRÈS CARDS ──────────────────────────────────── */
.before-card {
  opacity: 0.5;
  filter: grayscale(0.6);
  border: 1px solid rgba(100,116,139,0.30);
  background: rgba(100,116,139,0.08);
  border-radius: 12px;
  padding: 1rem 1.2rem;
}
.after-card {
  border: 1px solid rgba(212,160,23,0.45);
  background: rgba(212,160,23,0.08);
  border-radius: 12px;
  padding: 1rem 1.2rem;
  box-shadow: 0 0 20px rgba(212,160,23,0.15);
}

/* ── MAPS MOCKUP RESULTATS ────────────────────────────────── */
.maps-result-card {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(212,160,23,0.30);
  border-radius: 14px;
  overflow: hidden;
}
.maps-result-item {
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 10px;
  padding: 0.8rem 1rem;
  background: rgba(255,255,255,0.05);
}
.maps-result-item.first-place {
  border-color: rgba(212,160,23,0.50);
  background: rgba(212,160,23,0.10);
}

/* ── COMPARISON TABLE ─────────────────────────────────────── */
.compare-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.compare-table thead th {
  padding: 1rem 1.2rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.compare-table tbody td {
  padding: 0.9rem 1.2rem;
  border-bottom: 1px solid rgba(212,160,23,0.08);
  font-family: 'DM Sans', sans-serif;
  font-size: 0.92rem;
}
.compare-table tbody tr:last-child td {
  border-bottom: none;
}
.compare-table tbody tr:hover td {
  background: rgba(212,160,23,0.04);
}
.col-vem {
  background: rgba(212,160,23,0.06);
}
.col-vem-header {
  background: rgba(212,160,23,0.15);
  color: #D4A017;
}

/* ── REVIEW STARS ─────────────────────────────────────────── */
.star-filled {
  color: #D4A017;
  fill: #D4A017;
}