/* Le thème peint en rouge tout `.btn` du bloc `.add` (bouton panier) : le bouton
   de devis y a rejoint le panier côté serveur, il garde sa couleur primaire. */
#product .product-add-to-cart .add .btn.divioseo-devis-btn {
  background: var(--color-primary);
  border: 2px solid var(--color-primary);
  color: #fff;
}

/* `.add` est centré verticalement sur le sélecteur de quantité : la phrase de
   réassurance l'agrandit et remonterait le bouton. Alignement en haut, donc,
   et seulement sur la ligne qui porte cette phrase. `!important` parce que la
   classe utilitaire Bootstrap `.align-items-center` en porte un. */
#product .product-add-to-cart .d-flex:has(> .add > .divioseo-devis-intro) {
  align-items: flex-start !important;
}

.divioseo-devis-intro { font-size: .9rem; margin: .5rem 0 0; }
.divioseo-devis-feedback { font-size: .9rem; }
