/*!
Theme Name: Divi Child
Template: Divi
Description: Divi Child Theme
Author: Guillaume Quérec
Author URI: http://pc-fute.bzh
*/

.bouton-commande-home {
  color: #000000;
  font-weight: bold;
}

.et_pb_scroll_top.et-pb-icon {
  background: #ed1b44;
}

/* Style général des boutons radio */
input[type="radio"] {
  accent-color: #ed1b44; /* fuchsia */
}

#coupon_code,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 0.2em 0.2em;
  height: auto;
  line-height: 1.5;
  font-size: 15px;
  color: #000000;
}

input[type="number"].qty {
  height: 30px;            /* Réduit la hauteur totale */
  padding: 4px 8px;        /* Ajuste l'espace intérieur */
  font-size: 14px;         /* Réduit la taille du texte */
  box-sizing: border-box;  /* Assure que padding est inclus dans la hauteur */
}

input[type="number"] {
  color: #000 !important;
  opacity: 1 !important;
}

/* Afficher les flèches + et - en permanence sur les champs quantité */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1 !important;
  -webkit-appearance: inner-spin-button !important;
  display: inline !important;
  pointer-events: auto;
  transform: scale(1.2);
}
input[type="number"] {
  -moz-appearance: number-input;
  appearance: number-input;
}

/* Scrollbar personnalisée */
::-webkit-scrollbar {
  width: 12px; /* Légèrement plus large pour laisser de la place aux flèches */
}
/* Piste de fond */
::-webkit-scrollbar-track {
  background: #f0f0f0;
}
/* Barre de scroll (thumb) */
::-webkit-scrollbar-thumb {
  background-color: #ed1b44;
  border-radius: 6px;
  min-height: 40px; /* important pour visibilité */
}
/* Survol */
::-webkit-scrollbar-thumb:hover {
  background-color: #c91238;
}
/* Flèche du haut */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  background: url("data:image/svg+xml;utf8,<svg fill='%23999' height='10' width='10' xmlns='http://www.w3.org/2000/svg'><polygon points='0,10 5,2 10,10'/></svg>") center no-repeat;
}
/* Flèche du bas */
::-webkit-scrollbar-button:single-button:vertical:increment {
  background: url("data:image/svg+xml;utf8,<svg fill='%23999' height='10' width='10' xmlns='http://www.w3.org/2000/svg'><polygon points='0,2 5,10 10,2'/></svg>") center no-repeat;
}

.woocommerce-error {
	background: #ffffff !important;
}
.woocommerce-error a{
	color: #000000 !important;
}

.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;
/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}