.cart-empty.woocommerce-info {
  font-family: var(--font-family-baskerville-regular);
  width: 31rem;
  margin: auto;
  font-size: 24px;
  border: none;
  background-color: transparent;
}

.woocommerce p.return-to-shop {
  width: 15rem;
  margin: 2rem auto 0rem auto;
}

.sec-title {
  width: 100%;
  align-items: left;
}

.woocommerce-cart-form {
  width: 100%; /* Permet au formulaire de s'adapter à la largeur de son conteneur */
  max-width: 1000px; /* La largeur maximale du formulaire pour éviter qu'il ne devienne trop large sur les grands écrans */
  margin: 0 auto; /* Centre le formulaire horizontalement */
  padding: 1rem; /* Ajoute un peu d'espace autour du contenu du formulaire pour une meilleure apparence */
}

.menu-header {
  padding-top: 1rem;
}

.audit-sign {
  margin-bottom: 5rem;
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart-collaterals {
  width: 100%; /* Permet au formulaire de s'adapter à la largeur de son conteneur */
  max-width: 1000px; /* La largeur maximale du formulaire pour éviter qu'il ne devienne trop large sur les grands écrans */
  margin: 0 auto; /* Centre le formulaire horizontalement */
  padding: 1rem; /* Ajoute un peu d'espace autour du contenu du formulaire pour une meilleure apparence */
}

.woocommerce a.button {
  background-color: #eceae6;
  position: relative;
  width: 12rem;
  height: 3rem;
  overflow: hidden;
  border: 1.2px solid black;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-helvetica-regular);
  line-height: 1rem;
  font-weight: 500;
  font-size: 0.8rem;
  z-index: 3;
  cursor: pointer;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  margin: 2rem;
}

.woocommerce a.button:hover {
  background-color: black;
  color: white;
}

.woocommerce button.button {
  background-color: transparent;
  text-transform: uppercase;
  color: black;
  border-radius: 25px;
  border: 1.2px solid black;
  font-weight: 500;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}

.woocommerce button.button:hover {
  background-color: black;
  color: white;
}

/* Pour les navigateurs WebKit comme Chrome et Safari */
.input-text.qty.text::-webkit-inner-spin-button,
.input-text.qty.text::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce form .form-row {
  background-color: transparent;
}

.woocommerce table.cart td.actions .input-text {
  width: 8rem;
}

.product-name,
.product-price,
.product-quantity,
.product-subtotal {
  font-family: var(--font-family-baskerville-semibold);
}

.product-name a {
  text-decoration: none;
  color: black;
}

.product-name a:hover {
  font-family: var(--font-family-baskerville-regular);
  color: black;
}

.product-thumbnail img {
  width: 8rem;
  height: 8rem;
}

/* Pour Firefox */
/* .input-text.qty.text {
    -moz-appearance: textfield;
} */

.input-text.qty.text {
  background-color: #e6e3dd;
  border: none; /* Supprime la bordure existante */
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); /* Ajoute une ombre subtile */
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  background-color: transparent;
}

.shipping-calculator-button {
  text-decoration: none;
  color: black;
}

.shipping-calculator-button:hover {
  font-family: var(--font-family-baskerville-regular);
  color: black;
}

.store-thanks {
  justify-content: center;
  align-items: center;
  width: 46rem;
  margin: 0 auto;
  text-align: center;
  font-family: var(--font-family-baskerville-regular);
  font-style: italic;
  font-size: var(--font-size-s);
}

.wc-proceed-to-checkout {
  display: flex;
  justify-content: center;
  align-items: center;
}

.woocommerce-Price-amount {
  font-weight: 600;
}

.woocommerce a.button.alt {
  padding: 10px 15px 10px 15px;
  border: 1px solid black;
  border-radius: 25px;
  color: black;
  background-color: #eceae6;
  text-decoration: none;
  text-transform: uppercase;
  width: 13rem;
  text-align: center;
  font-family: var(--font-family-helvetica-regular);
  line-height: 1.2rem;
  font-weight: 500;
  font-size: 1.2rem;
}

.woocommerce a.button.alt:hover {
  background-color: black;
  color: white;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
  font-family: var(--font-family-baskerville-semibold);
}

.woocommerce #formulaire-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh; /* Hauteur minimale pour centrer verticalement */
  padding: 1rem;
}

.cart-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.woocommerce-checkout {
  font-family: var(--font-family-baskerville-regular);
}

.woocommerce table.cart td.actions .coupon {
  display: none;
}

/* .woocommerce table.shop_table {

} */

.woocommerce .cart .button {
  width: 12rem;
  height: 3rem;
  overflow: hidden;
  border: 1.2px solid black;
  border-radius: 25px;
  font-family: var(--font-family-helvetica-regular);
  line-height: 1rem;
  font-weight: 500;
  font-size: 1rem;
  z-index: 3;
  cursor: pointer;
  text-decoration: none;
  color: black;
  background-color: #eceae6;
  float: right;
}

.woocommerce .cart .button:hover {
  background-color: black;
  color: white;
}

/* .woocommerce table.cart td.actions {
}
 */
#sectionCart {
  display: flex; /* Permet aux éléments enfants de s'aligner horizontalement */
  width: 98vw; /* Ou une largeur fixe, si préféré */
  margin: auto;
  align-items: center; /* Centre les éléments enfants horizontalement */
  justify-content: center; /* Centre les éléments enfants verticalement */
  height: 50vh;
  border-bottom: 1px solid black;
}

#sectionCart h1 {
  color: var(--black);
  font-family: var(--font-family-baskerville-semibold);
  font-size: 35.8px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 40rem;
}

#sectionCart h2 {
  color: var(--black);
  font-family: var(--font-family-baskerville-semibold);
  font-size: 35.8px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 531px;
  height: 2vh;
  border: 1px solid black;
}

.surround {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.surround .surrounded {
  padding: 8px 16px;
  border: none;
  background: none;
  outline: none;
  color: black;
  text-decoration: none;
}

.surround svg {
  position: absolute;
  left: 0;
  top: 0 !important;
  width: 100%;
  pointer-events: none;
}

#svg-sign {
  top: 6.3rem !important;
  stroke: black;
  stroke-width: 1px;
}

#svg-form,
#svg-social {
  height: 100%;
  stroke: #02326c;
  stroke-width: 3px;
}

.surround path {
  stroke-dasharray: 0 0;
  display: none;
}

.surround:hover path {
  animation: draw 1s forwards;
  display: block;
}

/*responsive*/

@media (max-width: 800px) {
  .store-thanks {
    width: 80vw;
  }
}

@media (max-width: 600px) {
  .cart-empty.woocommerce-info {
    width: 80vw;
    font-size: 1.5rem;
    margin-left: 1rem;
  }
}

@media (max-width: 575px) {
  #svg-sign {
    top: 6.3rem !important;
  }

  #sectionCart h1 {
    font-size: 30px;
  }
}
