/* Cycles Blain — page « Conditions générales de vente » (cbvitrine 1.8.4, maquette validée le 5 nov. 2026).
   S'ajoute à legales-1.8.3.css : même haut de page, mêmes onglets. Le texte vient de la page CMS n° 20, mot pour mot. */

/* Correctif 1.8.3 : « .cbm .cbj p » ne visait rien (.cbm et .cbj sont sur le même élément) : les paragraphes gardent la marge du thème */
.cbm.cbj p{margin:0}

/* Haut de page : le badge est un lien (appeler le service client) */
.cbm .cbj-rembourse-lien{color:var(--cbm-encre);text-decoration:none}
.cbm .cbj-rembourse-lien:hover{color:var(--cbm-encre);box-shadow:0 14px 34px rgba(60,45,20,.22)}
.cbj-court{display:none}

/* L'essentiel en 30 secondes : 4 cartes qui mènent à leur article */
.cbj-essentiel-tete{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.cbj-essentiel-tete > span{font-size:13px;color:var(--cbm-gris)}
.cbj-essentiel-cartes.cbj-essentiel-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cbj-essentiel-4 .cbj-essentiel-carte{gap:10px;padding:24px;color:var(--cbm-encre);text-decoration:none;transition:transform .15s}
.cbm .cbj-essentiel-4 .cbj-essentiel-carte:hover{color:var(--cbm-encre);transform:translateY(-2px)}
.cbj-essentiel-4 .cbj-essentiel-carte strong{font-size:18px;line-height:1.25}
.cbm .cbj-essentiel-4 .cbj-essentiel-carte p{font-size:14px}
.cbj-essentiel-carte.cbj-orange{background:#fbefe0}
.cbj-orange .cbj-picto{color:#8a4b0c}
.cbj-vers{margin-top:auto;font-size:13px;font-weight:800;color:var(--cbm-bleu)}

/* Sommaire */
.cbj-plan-cgv{grid-template-columns:260px minmax(0,1fr)}
.cbj-sommaire-cgv{gap:0;padding:18px;max-height:calc(100vh - 48px);overflow-y:auto}
.cbj-sommaire-cgv .cbj-sur{margin:0 0 8px 8px}
.cbm .cbj-sommaire-cgv a{display:flex;gap:10px;padding:5px 8px;font-size:13px;line-height:1.35}
.cbj-sommaire-cgv a > span{flex:none;width:18px;font-weight:800;color:var(--cbm-cuivre)}

/* Les articles */
.cbj-cgv-articles{gap:0}
.cbj-art{padding:32px 0;border-top:1px solid #f0ebe2}
.cbj-art:first-child,.cbj-intro + .cbj-art{border-top:0;padding-top:0}
.cbj-num{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cbm-creme);color:var(--cbm-cuivre);font-size:16px;font-weight:800}
.cbm .cbj-art > summary h2{font-size:22px!important}
.cbj-art .cbj-acc-corps{display:block;margin-top:12px}
.cbj-art-texte{padding-left:54px;font-size:15px;line-height:1.65;color:var(--cbm-texte);overflow-wrap:anywhere}
.cbm.cbj .cbj-art-texte p{margin:0 0 12px;font-size:15px;line-height:1.65;color:var(--cbm-texte)}
.cbm.cbj .cbj-art-texte p:last-child{margin-bottom:0}
.cbm .cbj-art-texte strong,.cbm .cbj-art-texte b{color:var(--cbm-encre)}
.cbm .cbj-art-texte ul,.cbm .cbj-art-texte ol{margin:0 0 12px;padding-left:22px}
.cbm .cbj-art-texte li{margin:0 0 6px}
.cbj-intro{padding-left:0;margin-bottom:24px}
.cbj-brut{margin-top:48px;padding-left:0}
.cbj-attention{margin-top:16px;padding:24px 26px;border-radius:22px;background:#fbefe0}
.cbm .cbj-attention p{color:#3a3a3c}
.cbj-formulaire .cbj-num{background:var(--cbm-bleu);color:#fff}
.cbj-formulaire .cbj-art-texte{margin-left:54px;padding:26px 28px;border-radius:22px;border:2px solid var(--cbm-bleu)}
.cbj-pointilles{display:inline-block;width:220px;max-width:60%;height:1em;vertical-align:baseline;border-bottom:1.5px dotted #b8b0a2}
.cbj-appel{display:none}

@media (max-width:1100px){
  .cbj-essentiel-cartes.cbj-essentiel-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cbj-plan-cgv{grid-template-columns:220px minmax(0,1fr)}
}

/* Téléphone : badge court, cartes qui défilent, articles qui s'ouvrent un par un */
@media (max-width:767px){
  .cbj-court{display:inline}
  .cbj-essentiel-tete > span{display:none}
  .cbj-essentiel-cartes.cbj-essentiel-4{display:flex}
  .cbj-essentiel-4 .cbj-essentiel-carte{width:230px;padding:18px}
  .cbj-essentiel-4 .cbj-essentiel-carte .cbj-picto{display:none}
  .cbj-essentiel-4 .cbj-essentiel-carte strong{font-size:16px}
  .cbm .cbj-essentiel-4 .cbj-essentiel-carte p{font-size:13px}
  .cbj-vers{font-size:12px}
  .cbj-cgv-articles{gap:8px}
  .cbj-art,.cbj-art:first-child,.cbj-intro + .cbj-art{padding:0;border:1px solid #ece4d6}
  .cbj-num{width:32px;height:32px;font-size:13px}
  .cbm .cbj-art > summary h2{font-size:15px!important}
  .cbj-art .cbj-acc-corps{margin:0}
  .cbj-art-texte{padding:0 14px 16px;font-size:14px}
  .cbm.cbj .cbj-art-texte p{font-size:14px;line-height:1.6}
  .cbj-attention{padding:16px;border-radius:16px}
  .cbj-formulaire{border:2px solid var(--cbm-bleu)}
  .cbj-formulaire .cbj-art-texte{margin:0;padding:0 14px 16px;border:0;border-radius:0}
  .cbj-intro{padding:0;margin-bottom:12px}
  .cbj-brut{margin-top:24px}
  .cbm .cbj-appel{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:24px;border-radius:16px;background:#fff;border:1.5px solid #d9cfbd;color:var(--cbm-encre);font-size:16px;font-weight:800;text-decoration:none}
}

@media (prefers-reduced-motion:reduce){
  .cbj-essentiel-4 .cbj-essentiel-carte{transition:none}
}