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

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

.woocommerce a.remove {
  color: black !important;
  font-size: 2.7rem !important;
  height: 1.2em !important;
  width: 0.4em !important;
  font-weight: 300 !important;
}

.woocommerce a.remove:hover {
  background: none !important;
  color: inherit !important;
  opacity: 1 !important;
  transform: none !important;
  text-decoration: none !important;
  border: none !important;
}

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

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

.woocommerce-message {
  background-color: #7e9daa !important;
  color: black !important;
  font-family: var(--font-family-barlow);
}

.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;
}

/* display credit card Payment */
.payment_method_square_credit_card label{
  display: none;
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none !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;
}

.input-text:focus, input:focus {
  outline: 2px solid #000 !important;
  box-shadow: none !important;
}

#customer_login form .form-row input.input-text,
#customer_login form .form-row textarea {
  border: none;
  border-bottom: 1px solid black;
  background-color: transparent;
  font-family: var(--font-family-barlow);
  font-size: 1rem;
}

/* .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: var(--font-family-barlow);
  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-barlow);
  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-barlow);
}

.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-barlow);
  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;
}

#wc-square-digital-wallet {
  display: none !important;
}

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-barlow);
  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;
    margin-bottom: 4rem;
  }

  /* 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%;
  }
}