/* ============================================
   PAGE REALISATION
   ============================================ */
.realisation-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
}

.realisation-intro {
  color: #666;
  margin-bottom: 15px;
  font-size: 0.85em;
}
.realisation-intro a { color: #B8D430; text-decoration: none; }

.realisation-narratif {
  background: #f8f9fa;
  border-left: 4px solid #B8D430;
  padding: 20px 25px;
  border-radius: 0 8px 8px 0;
  margin: 20px 0 25px 0;
  font-size: 0.95em;
  line-height: 1.8;
  color: #444;
}

/* Photo réalisation */
.realisation-photo-principale {
  max-width: 60%;
  margin: 20px auto;
  border-radius: 8px;
  overflow: hidden;
}
.realisation-photo-principale img {
  width: 100%;
  max-height: 450px;
  object-fit: cover;
  display: block;
}

/* Grille avant/après */
.realisation-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  margin: 25px 0;
}

.realisation-bloc {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 25px;
}
.realisation-bloc.avant { border-top: 4px solid #6c757d; }
.realisation-bloc.apres { border-top: 4px solid #B8D430; }
.realisation-bloc.apres-en-attente {
  border-top: 4px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-style: italic;
  min-height: 120px;
}
.realisation-bloc h2 { margin-top: 0; font-size: 1.1em; color: #333; margin-bottom: 18px; }

/* Tableaux */
.realisation-table { width: 100%; border-collapse: collapse; }
.realisation-table th {
  text-align: left;
  font-weight: normal;
  color: #666;
  padding: 8px 0;
  width: 55%;
  font-size: 0.9em;
  border-bottom: 1px solid #e9ecef;
  vertical-align: top;
}
.realisation-table td {
  padding: 8px 0;
  border-bottom: 1px solid #e9ecef;
  font-size: 0.95em;
  vertical-align: top;
}
.realisation-table tr:last-child th,
.realisation-table tr:last-child td { border-bottom: none; }

/* Equipements */
.equipements-liste { display: flex; flex-wrap: wrap; gap: 6px; }
.badge-equipement {
  background: #e9ecef;
  color: #495057;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 0.85em;
}

/* Badge PV Pilot tableau */
.badge-pv-pilot-table {
  display: inline-block;
  background: #3D4145;
  color: #B8D430;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.8em;
  font-weight: bold;
  margin-right: 6px;
}

/* Note TRV */
.note-trv {
  font-size: 0.8em;
  color: #999;
  margin-top: 4px;
  font-style: italic;
  display: block;
}

/* Lien PV Pilot inline dans tableau */
.lien-pv-pilot-inline {
  color: #B8D430;
  font-size: 0.72em;
  font-weight: bold;
  text-decoration: none;
  display: inline;
  margin-left: 4px;
}
.lien-pv-pilot-inline:hover { text-decoration: underline; }

/* Témoignage */
.temoignage {
  background: white;
  border-left: 4px solid #B8D430;
  padding: 15px 20px;
  margin: 18px 0 0 0;
  border-radius: 0 8px 8px 0;
}
.temoignage p { font-style: italic; color: #333; margin: 0 0 10px 0; }
.temoignage-auteur { color: #666; font-size: 0.9em; }
.temoignage-liens { margin-top: 10px; display: flex; gap: 10px; flex-wrap: wrap; }
.badge-avis-lien {
  display: inline-block;
  color: #4285F4;
  font-size: 0.85em;
  text-decoration: none;
}
.badge-avis-lien:hover { text-decoration: underline; }

/* CTA */
.realisation-cta {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 25px;
  text-align: center;
  margin-top: 30px;
}
.realisation-cta p { font-size: 1.1em; margin-bottom: 15px; color: #333; }
.btn-cta {
  display: inline-block;
  background: #B8D430;
  color: white;
  padding: 12px 30px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s;
}
.btn-cta:hover { background: #9ab82a; }

/* H1 */
.realisation-page h1 { font-size: 1.6rem; }

/* RESPONSIVE */
@media (max-width: 768px) {
  .realisation-body { grid-template-columns: 1fr; }
  .realisation-photo-principale { max-width: 100%; }
  .realisation-page h1 { font-size: 1.3rem; }
  .realisation-intro { font-size: 0.8em; }
  .breadcrumb { font-size: 0.75em; }
}