/* ==========================================================================
   legal.css : pages legales v2 (CGU, retractation, donnees).
   Prefixe .cmg-. Le contenu vient du cache CMS v1 : on restyle son markup
   (.parag_content, .parag_title, .parag_text_content) SANS y toucher.
   Charge par cgi-bin/legal.pl avec ?v= (cache 11 mois).
   ========================================================================== */

.cmg-legal {
  max-width: 1280px;
  margin: 0 auto;
  background: #fff;
  color: #1F2328;
  font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;
}
.cmg-legal *, .cmg-legal *::before, .cmg-legal *::after { box-sizing: border-box; }

.cmg-crumb { padding: 11px 28px; font-size: 12px; color: #98A1A8; border-bottom: 1px solid #F1F3F5; }
.cmg-crumb a { color: #6E767E; text-decoration: none; }
.cmg-crumb a:hover { color: #D9640A; }
.cmg-crumb b { color: #1F2328; font-weight: 500; }

/* pills de navigation entre les 3 documents */
.cmg-pills { display: flex; gap: 8px; flex-wrap: wrap; padding: 18px 28px 0; }
.cmg-pills .pl {
  display: inline-flex; align-items: center; height: 34px; padding: 0 15px;
  border: 1px solid #E1E5E9; border-radius: 999px; background: #fff;
  font-size: 12.5px; font-weight: 500; color: #4B5157; text-decoration: none;
  transition: border-color .15s ease, background .15s ease;
}
.cmg-pills .pl:hover { border-color: #E8720C; color: #1F2328; }
.cmg-pills .pl.on { border-color: #E8720C; background: #FDF8F1; color: #1F2328; font-weight: 600; }

/* document : on neutralise la mise en page du site et on restyle la prose */
.cmg-doc { padding: 8px 28px 40px; }
.cmg-doc .container { width: 100% !important; max-width: 820px !important; margin: 0 !important; padding: 0 !important; }
.cmg-doc .parag_content { padding: 0; margin: 0; background: transparent !important; box-shadow: none !important; }
.cmg-doc .parag_text_content { padding: 0; margin: 0; background: transparent !important; box-shadow: none !important; }

.cmg-doc .parag_title {
  font-size: 24px; font-weight: 650; color: #1F2328; text-transform: none;
  line-height: 1.3; margin: 18px 0 6px; padding-bottom: 14px;
  border-bottom: 1px solid #F1F3F5;
}

.cmg-doc p { font-size: 13.5px; line-height: 1.75; color: #3D444B; margin: 10px 0; }
.cmg-doc p strong, .cmg-doc p b { color: #1F2328; font-weight: 650; }
.cmg-doc h3, .cmg-doc h4 { font-size: 15px; font-weight: 650; color: #1F2328; text-transform: none; margin: 20px 0 6px; }
.cmg-doc ul, .cmg-doc ol { font-size: 13.5px; line-height: 1.75; color: #3D444B; margin: 10px 0; padding-left: 22px; }
.cmg-doc a { color: #D9640A; }
.cmg-doc img { max-width: 100%; height: auto; }
.cmg-doc table { max-width: 100%; overflow-x: auto; display: block; }

/* ---------- responsive ---------- */
@media (max-width: 560px) {
  .cmg-crumb, .cmg-pills { padding-left: 15px; padding-right: 15px; }
  .cmg-doc { padding: 4px 15px 30px; }
  .cmg-doc .parag_title { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .cmg-legal * { transition: none !important; }
}