:root {
  --main-color: var(--bs-black);
}

/* Marge supérieure pour tout le site */

#div1 {
  margin-top: 60px;
}

/* La hauteur de la page doit être supérieure à celle du menu déroulé. */

body {
  min-height: 1300px;
}

/* Police et taille de la police pour l'ensemble du site */

div, .nav, .container, .container-fluid, #div1 {
  font-family: Inconsolata, monospace;
}

.taille-police {
  font-size: 14px !important;
}

div.ref-message {
  font-size: 14px !important;
  margin-top: 100px;
}

/* Marge blanche à droite */

/* @media (min-width: 768px) { */

/* #div1 {
  margin-right: 15%;
} */

/* } */

.ref-button {
  background-color: var(--main-color);
}

.ref-name, .ref-price, .ref-on-sale, .ref-quantity-widget, #categorie {
  color: var(--main-color);
}

#panier {
  color: var(--main-color);
}

.cancel_heading, .success_heading {
  color: var(--main-color);
  text-align: center;
  margin-top: 86px;
}

.cancel_para, .success_para {
  color: var(--main-color);
  text-align: center;
}

.hr {
  margin-left: 28px;
  margin-right: 48px;
}

/* Pour modifier la couleur bleue dans le formulaire de commande */

div.ref-button.ref-add-billing, span span.ref-field-toggle-title {
  color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}

/* Bouton du toast "Produit ajouté au panier / Voir le panier?" */

.ref-button-success {
  background-color: var(--main-color) !important;
  color: white;
}

/* Pour ne pas afficher le bouton paiement Paypal direct */

.ref-paypal-express-checkout-holder {
  display: none;
}

/* Pour ne pas afficher la zone "Code promo" au moment de payer... */

.ref-discount-code {
  display: none;
}

/* ... ainsi que le "hr" de séparation */

.ref-checkout-summary hr {
  display: none;
}

/* Augmente la largeur de la zone input du widget de quantité du Panier */

.ref-quantity-widget input {
  width: 4ch !important;
}