/* Paniers abandonnés, lot 2 — mentions d'achat et encart « Pas encore décidé ? ».
   Charte du thème : texte #444, titres #1a1a1a, boutons noirs qui passent à l'or
   (--theme-color-default, #ba933e) au survol, cadres gris fins. La police est
   héritée (Red Hat Display). */

.bp-modalites { margin: 16px 0 0; color: #444; font-size: 14px; line-height: 1.5; }
.bp-modalites-ligne { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 8px; }
.bp-modalites-ligne svg { flex: 0 0 18px; margin-top: 2px; color: var(--theme-color-default, #ba933e); }
.bp-modalites-ligne strong { color: #1a1a1a; }
.bp-modalites-ligne a { color: #1a1a1a; text-decoration: underline; white-space: nowrap; }
.bp-modalites-ligne a:hover { color: var(--theme-color-default, #ba933e); }

.bp-devis { margin: 20px 0 0; padding: 22px 24px; background: #fff; border: 1px solid rgba(0, 0, 0, .125); border-radius: 4px; color: #444; }
.bp-devis-titre { margin: 0 0 6px; font-size: 17px; font-weight: 700; color: #1a1a1a; }
.bp-devis-texte { margin: 0 0 14px; font-size: 14px; line-height: 1.5; }
.bp-devis-choix { display: flex; flex-direction: column; gap: 10px; }
.bp-devis .bp-btn-contour {
  display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%;
  min-height: 46px; padding: 10px 14px; white-space: normal;
  background: #fff; color: #1a1a1a; border: 1px solid #1a1a1a; font-size: 15px; text-transform: none;
}
.bp-devis .bp-btn-contour:hover, .bp-devis .bp-btn-contour:focus,
.bp-devis .bp-btn-contour[aria-expanded="true"] {
  background: var(--theme-color-default, #ba933e); border-color: var(--theme-color-default, #ba933e); color: #fff;
}

/* sans JavaScript, les formulaires restent visibles ; le script les replie */
.bp-js .bp-form { display: none; }
.bp-js .bp-form.bp-ouvert { display: flex; }
.bp-form { flex-direction: column; gap: 8px; display: flex; margin: 16px 0 0; padding: 16px 0 0; border-top: 1px solid #eaeaea; }
.bp-form-intro { margin: 0 0 4px; font-size: 14px; line-height: 1.5; }
.bp-form label { margin: 4px 0 0; font-size: 13px; font-weight: 700; color: #1a1a1a; }
.bp-form .form-control { min-height: 44px; }
.bp-facultatif { font-weight: 400; color: #666; }
.bp-form .bp-case { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; color: #444; line-height: 1.45; }
.bp-form .bp-case input { flex: 0 0 18px; width: 18px; height: 18px; margin: 1px 0 0; }
.bp-form .btn-primary { min-height: 46px; margin-top: 6px; white-space: normal; }
.bp-form-note { margin: 0; font-size: 12px; line-height: 1.5; color: #666; }
.bp-form-note a { color: #1a1a1a; }
.bp-reponse { margin: 0; font-size: 14px; line-height: 1.5; }
.bp-reponse:empty { display: none; }
.bp-reponse.bp-ok { color: #1a1a1a; font-weight: 700; }
.bp-reponse.bp-erreur { color: #c9302c; }
.bp-piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.bp-devis + .bp-modalites { margin-top: 16px; }