a.checkout-button {
  border: 1px solid black;
}

/* a.woocommerce-Button.wc-forward.button {
  width: auto;
  margin: none;
} */

.woocommerce-error,
.woocommerce-message {
  text-align: center !important;
  color: white !important;
  border: none !important;
}

.woocommerce-error {
  background-color: #eb3e3e !important;
}

.woocommerce-message {
  background-color: #8fae1b !important;
}

.woocommerce-message a.button.wc-forward {
  color: black !important;
  text-decoration: none !important;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
  content: none !important;
}

.woocommerce-error:focus,
.woocommerce-info:focus,
.woocommerce-message:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  padding-left: 50px !important;
}

p.custom-class-input {
  width: -webkit-fill-available;
  width: fill-available;
  width: 45%;
  margin: 0 10px 30px 15px !important;
}

p.custom-class-input > label {
  line-height: 1 !important;
}

.adresses-form-line {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

/* .select2-container--default
  .select2-results__option--highlighted[aria-selected],
.select2-container--default
  .select2-results__option--highlighted[data-selected] {
  background-color: #7a7a7a;
  color: #fff;
} */

.woocommerce .flex-container {
  display: flex;
}

.woocommerce-privacy-policy-text,
.link-to-password-message,
.woocommerce-LostPassword,
.woocommerce-form-login__rememberme {
  font-family: var(--font-family-baskerville-regular);
  font-weight: 400;
}

#customer_login form.login,
#customer_login form.register {
  border: none;
}

#customer_login form .form-row input.input-text,
#customer_login form .form-row textarea {
  border: none;
  border-bottom: 1px solid black;
  background-color: transparent;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  display: block !important;
}

.woocommerce button.button,
.woocommerce input.button {
  border: 1px solid var(--black);
  border-radius: 20px;
  float: none !important;
  margin: 0 auto !important;
  display: block;
  font-family: Helvetica, sans-serif;
  color: black;
  font-weight: 300;
  text-transform: uppercase;
}

#customer_login label[for="username"],
#customer_login label[for="username"] > span,
#customer_login label[for="password"],
#customer_login label[for="password"] > span,
#customer_login label[for="reg_email"],
#customer_login label[for="reg_email"] > span {
  visibility: hidden;
}

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

.woocommerce a:hover {
  text-decoration: none;
}

.woocommerce table.my_account_orders .button {
  background-color: #eceae6;
}

.woocommerce table.my_account_orders .button:hover {
  background-color: black;
  color: white;
  border-radius: 25px;
}

.woocommerce mark {
  font-weight: bolder;
  background-color: transparent;
}

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

#place_order:hover {
  background-color: black;
  color: white;
}

.woocommerce .product-name,
.product-total,
.product-price,
.product-quantity,
.product-subtotal {
  font-family: var(--font-family-baskerville-semibold);
  text-decoration: none;
  color: black;
}

input.qty,
div.coupon > input[name="coupon_code"] {
  background-color: #e4e3df;
  border: 1px solid #dcdbd8;
}

div.coupon > input[name="coupon_code"] {
  width: 140px !important;
  margin-right: 20px;
}

div.coupon {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

div.cart-actions {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: right;
}

div.cart-actions > button.button {
  margin: 0 !important;
}

div.coupon > label[for="coupon_code"] {
  font-family: var(--font-family-baskerville-regular);
  margin-right: 20px;
}

.woocommerce .cart-collaterals .cart_totals {
  float: none !important;
  width: 100% !important;
  font-family: var(--font-family-baskerville-semibold);
}

.woocommerce header {
  margin: 1rem 0rem 1rem 0rem;
  font-family: var(--font-family-baskerville-regular);
  line-height: 1s;
  font-weight: 500;
  font-size: 1rem;
}

.woocommerce header a {
  display: flex;
  justify-content: center; /* Centre le contenu horizontalement */
  align-items: center; /* Centre le contenu verticalement */
  width: 5rem;
  height: 2rem;
  overflow: hidden;
  border: 1.2px solid black;
  border-radius: 25px;
  z-index: 3;
  cursor: pointer;
  text-decoration: none;
  color: black;
  background-color: #eceae6;
  font-family: var(--font-family-helvetica-regular);
}

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

.woocommerce button.button {
  background-color: #eceae6;
}

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

.woocommerce a.button {
  background-color: #eceae6;
  position: relative;
  /*  width: 6rem;
  height: 2rem; */
  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: 1rem;
}

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

.woocommerce-info {
  color: black;
  background-color: transparent !important;
  font-family: var(--font-family-baskerville-regular);
  /* font-size: var(--font-size-s); */
  font-style: normal;
  font-weight: 300;
  border: none;
  /* display: flex;
  flex-direction: row; */
  margin: 0;
  justify-content: space-between;
}

/* 
.woocommerce-info > p {
  height: 100%;
}

.woocommerce-info > a.button {
  margin: 0;
}
*/

.woocommerce-checkout #payment ul.payment_methods {
  padding: 0rem;
}

.woocommerce-Pagination {
  float: left;
}

.woocommerce .cart-collaterals .cart_totals table.shop_table th {
  color: #848482;
}
.woocommerce .wc-proceed-to-checkout {
  display: flex;
  justify-content: center;
}

.woocommerce .wc-proceed-to-checkout > a.button {
  background-color: #eceae6;
  color: black;
}

.woocommerce .wc-proceed-to-checkout > a.button:hover {
  background-color: black;
  color: #eceae6;
}

div.store-thanks {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}

div.store-thanks p {
  width: 50vw;
  text-align: center;
  font-family: var(--font-family-baskerville-italic);
  font-size: 18px;
}

div.store-thanks p.title {
  font-size: 28px;
}

.woocommerce .woocommerce-order .woocommerce-order-details .product-name a {
  font-family: var(--font-family-baskerville-semibold);
  text-decoration: none;
  color: black;
}

.woocommerce section#sectionCart h1 {
  font-family: var(--font-family-baskerville-semibold);
  text-align: center;
}

.woocommerce
  .woocommerce-order
  .woocommerce-order-details
  .product-name
  a:hover {
  font-family: var(--font-family-baskerville-regular);
  text-decoration: none;
  color: black;
}

.woocommerce .woocommerce-privacy-policy-link {
  text-decoration: none;
  font-weight: 900;
  color: black;
}

.woocommerce .woocommerce-privacy-policy-link:hover {
  font-weight: 400;
  color: black;
}

.woocommerce ul {
  padding-left: 0rem;
}

.woocommerce ul.order_details li {
  margin-right: 2rem;
  padding-right: 2rem;
}

.woocommerce ul.order_details li:last-child {
  border-right: none;
  margin-top: 2rem;
}

.woocommerce .woocommerce-customer-details address {
  border: none;
}

.woocommerce .woocommerce-customer-details address .col-1 {
  border: black 1px solid;
}

body main#woocommerce .woocommerce section.coupon button {
  border: 1px solid black;
  border-radius: 20px;
  float: none !important;
  margin: 0 auto !important;
  display: block;
  font-family: Helvetica, sans-serif;
  color: black;
  font-weight: 300;
  text-transform: uppercase;
}

.woocommerce form .form-row input.input-text {
  border: none;
  border-bottom: 1px solid black;
  background-color: transparent;
}

.select2-container--default .select2-selection--single {
  border: none;
  border-bottom: 1px solid black;
}

.select2-container--default .select2-selection--single,
.select2-search.select2-search--dropdown,
.select2-search__field,
.select2-results {
  background-color: #eceae6;
}

.select2-results
  ul.select2-results__options
  .select2-results__option.select2-results__option--highlighted {
  background-color: black;
}

.woocommerce .woocommerce-input-wrapper textarea {
  border: none;
  border-bottom: 1px solid black;
  background-color: #eceae6;
}

.woocommerce-checkout #payment {
  background-color: #eceae6;
}

.woocommerce-terms-and-conditions-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; /* Centre le texte à l'intérieur du bloc */
  max-width: 25rem; /* Ajustez cette valeur selon la largeur désirée */
  margin: 0 auto; /* Centre le bloc lui-même horizontalement */
}

.woocommerce-terms-and-conditions-wrapper
  .woocommerce-woocommerceprivacypolicy-text {
  max-width: 25rem;
  padding: 10px; /* Ajoute un peu de marge intérieure pour l'esthétique */
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: #eceae6;
}

.woocommerce .woocommerce-form-coupon-toggle {
  display: none;
}

/* my account dashboard styles */

h2.my-account {
  font-family: var(--font-family-anton);
  font-size: 32.5px;
  font-weight: 400;
  margin-bottom: 4rem;
  margin-left: -1rem;
}

.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.5rem;
  width: 100%;
  pointer-events: none;
}

#svg-account {
  stroke: black;
  stroke-width: 3px;
}

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

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

nav.woocommerce-MyAccount-navigation {
  width: 30%;
  height: 24rem;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
  font-weight: 700;
}

nav.woocommerce-MyAccount-navigation ul a {
  color: var(--black);
  font-family: var(--font-family-baskerville-regular);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

nav.woocommerce-MyAccount-navigation ul a:hover {
  font-weight: 700;
  text-decoration: none;
}

.woocommerce-MyAccount-content label {
  font-family: var(--font-family-helvetica-regular);
  font-size: 15px;
  color: #7a7a7a;
}

.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="password"] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
}

.menu-item--logout {
  margin-top: 2rem; /* ou ajuste conforme o espaçamento do Figma */
  padding-top: 1rem;
}

/* end my account dashboard styles */

/*responsive*/

@media (max-width: 2800px) {
  /* .woocommerce-Pagination {
    display: flex;
  } */
}

@media (max-width: 1025px) {
  /* my account dashboard styles */

  nav.woocommerce-MyAccount-navigation {
    width: 40%;
  }

  /* end my account dashboard styles */

  /* form */

  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last {
    width: 100%;
  }

  p.custom-class-input {
    width: 100%;
  }

  /* end form */
}

@media (max-width: 768px) {
  /* my account dashboard styles */

  h2.my-account {
    margin-left: 0rem;
    margin-bottom: 2rem;
  }

  nav.woocommerce-MyAccount-navigation {
    width: 100%;
    height: 13rem;
  }

  /* end my account dashboard styles */

  .woocommerce-address-fields__field-wrapper {
    margin-left: -1.3rem;
  }
}

@media (max-width: 400px) {
  .woocommerce-address-fields__field-wrapper {
    width: 110%;
  }
}

@media (max-width: 1370px) {
  /* .woocommerce-MyAccount-content {
    width: 60%;
  }

  .woocommerce form.edit-account {
    width: 120%;
  }

  .woocommerce .woocommerce-order-details {
    width: 130%;
  } */

  /*
    .woocommerce .woocommerce-order section .woocommerce-order-details table .order-details{
        border: black 1px solid;
    }

    .woocommerce table.shop_table {
        border: black 1px solid;
    }
  */

  /* .woocommerce #details-commande {
    border: black 1px solid;
  } */
}

@media (max-width: 1100px) {
  /* .woocommerce .woocommerce-order-details {
    width: 130%;
  }

  body main#page .woocommerce section .col-1 {
    display: block;
    width: 100%;
  }

  body main#page .woocommerce section .col-2 {
    display: block;
    width: 100%;
    float: left;
  }

  .woocommerce #order_review {
    float: left;
    width: 100%;
  } */

  /*  .woocommerce .col2-set .col-1 {
    float: left;
    width: 85%;
    border: 1px solid black;
  } */

  /* .woocommerce .col2-set .col-2 {
    width: 85%;
    float: left;
  } */

  /* .woocommerce-checkout #payment {
    width: 85%;
  } */

  /*
    .woocommerce-checkout #payment ul.payment_methods {
        width: 85%;
    }
  */
}

@media (max-width: 1000px) {
  /* .woocommerce ul {
    display: grid;
  }

  .woocommerce #order_review {
    display: grid;
  }

  .woocommerce ul.order_details li {
    margin-bottom: 1rem;
  }

  .woocommerce ul.order_details li:last-child {
    margin-right: 0rem;
  } */

  /*
    .woocommerce table.shop_table{
        width: 80%;
        float:left;
    }
  */

  /*
    .woocommerce table.shop_table.order_details{
        width: 90%;
        float:left;
    }
  */

  /* .woocommerce .woocommerce-order-details {
    width: 120%;
  } 
  */
}

@media (max-width: 930px) {
  /*
    .woocommerce table.shop_table{
        width: 75%;
    }
  */

  /* .woocommerce #order_review {
    width: 114%;
  } 
  */

  /* .woocommerce-checkout #payment {
    width: 75%;
  } 
  */

  /*
    .woocommerce table.shop_table {
        width: 70%;
    }
  */

  /*
    .woocommerce table.shop_table.order_details{
        width: 80%;
        float:left;
    }
  */

  /* .woocommerce .woocommerce-checkout {
    width: 900px;
  } 
  */
}
/*
@media (max-width: 890px) {

    .woocommerce table.shop_table.order_details{
        width: 70%;
        float:left;
    }
}
*/

@media (max-width: 900px) {
  /* .woocommerce .woocommerce-order-details {
    width: 110%;
  } */
}

@media (max-width: 856px) {
  /* .woocommerce .woocommerce-checkout {
    width: 700px;
  }

  .woocommerce .col2-set .col-1 {
    float: left;
    width: 95%;
  }

  .woocommerce .col2-set .col-2 {
    width: 95%;
    float: left;
  }

  .woocommerce #order_review {
    width: 127%;
  } */
}

@media (max-width: 790px) {
  /* .woocommerce form.edit-account {
    width: 110%;
  }

  .woocommerce .woocommerce-order-details {
    width: 100%;
  } */
}

@media (max-width: 768px) {
  /*
    .woocommerce table.shop_table.account-orders-table {
        width: 120%;
    }
  */

  /* .woocommerce #order_review {
    width: 127%;
  } 
  */

  /*
    .woocommerce-Pagination {
        float: right;
    }
  */

  /*
    .woocommerce table.shop_table{
        width: 100%;
        float:left;
    }
  */

  /*
    .woocommerce table.shop_table{
        width: 100%;
    }
  */

  /*
    .woocommerce table.shop_table.order_details{
        width: 60%;
        float:left;
    }
  */

  /* .woocommerce #payment #place_order {
    width: auto;
  }

  .woocommerce .woocommerce-checkout {
    width: 600px;
  } */
}

@media (max-width: 709px) {
  /* .woocommerce-MyAccount-content {
    border-left: none;
    padding-left: 0px;
    margin-left: 0px;
    width: 60vw;
  }

  .woocommerce form.edit-account {
    width: 130%;
  }

  .woocommerce .woocommerce-order-details {
    width: 130%;
  } */
}

@media (max-width: 680px) {
  /* .woocommerce .woocommerce-checkout {
    width: 550px;
  } */

  /*
    .woocommerce #order_review {
        float: left;
        width: 85%;
    }
  */

  /*
    .woocommerce table.shop_table{
        width: 50%;
    }
  */

  /*
    .woocommerce table.shop_table.order_details{
        width: 50%;
        float:left;
    }
  */
}

@media (max-width: 650px) {
  /*  .woocommerce form.edit-account {
    width: 120%;
  } 
  */
}

@media (max-width: 600px) {
  /* .woocommerce .woocommerce-checkout {
    width: 450px;
  } 
  */
}

/*
@media (max-width: 580px) {

    .woocommerce .woocommerce-order-details{
        width: 120%;
        border: black 1px solid;
    }
}
*/
@media (max-width: 592px) {
  /*
    .woocommerce-MyAccount-content {
        border-left: none;
        padding-left: 0px;
        margin-left: 0px;
        width: 60vw;
    }
*/
  /* nav.woocommerce-MyAccount-navigation {
    margin-right: 15px;
  } */
}
