@charset "UTF-8";
/*
*
*
* Fichier utilisé pour la page "panier" / "validation de commande"
*
*
*/
.woocommerce button.button {
  background-color: #312B00;
  color: white;
  border-radius: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 8px 16px;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  transition: all .3s ease;
}

.woocommerce button.button:hover {
  color: white;
  background-color: black;
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
}

td.product-name .product-name-title a {
  text-decoration: none;
}

td.product-name .variation {
  font-size: 16px;
}

.cart-custom-container {
  display: grid;
  grid-template-columns: 1fr 40%;
  gap: 24px;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

body .qib-button-wrapper {
  float: none !important;
  width: fit-content;
}

.woocommerce a.remove {
  margin-top: 16px;
  height: auto;
  width: fit-content;
  font-size: 14px;
  font-weight: 400;
  color: grey;
  background: transparent !important;
}

.woocommerce a.remove:hover {
  color: #a00 !important;
}

#shipping_method li label {
  font-size: 16px;
}

li input.shipping_method {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid black;
  border-radius: 50%;
  background: #fff;
  position: relative;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
}

li input.shipping_method:checked {
  background: #fff;
  box-shadow: 0 0 0 2px #fff inset;
}

li input.shipping_method:checked::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
}

.woocommerce-cart table.cart td.actions .coupon {
  float: none;
  margin-bottom: 16px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 8px 16px;
  text-align: left;
}

.woocommerce-cart table.cart td.actions .coupon label {
  flex-basis: 100%;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: auto;
  border-radius: 0;
  padding: 8px;
  font-size: 16px;
  margin: 0;
  box-sizing: border-box;
  font-family: "Manrope", sans-serif;
  flex-basis: calc(50% - 8px);
}

.woocommerce-cart table.cart td.actions .coupon .button {
  border-radius: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 8px 16px;
  line-height: normal;
  background-color: #FEFCE4;
  border: 1px solid #312B00;
  color: #312B00;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  margin: 0;
  box-sizing: border-box;
  flex-basis: calc(50% - 8px);
}

.woocommerce-cart table.cart td.actions .coupon .button:hover {
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #F5E200;
}

.woocommerce-cart table.cart td.actions .coupon * {
  float: none !important;
}

.woocommerce-terms-and-conditions-wrapper + button {
  margin-top: 16px !important;
}

.woocommerce ul#shipping_method .shipping-tax-excl .amount {
  font-weight: 400;
}

.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
  text-align: left;
}

button.button[name="update_cart"] {
  margin-left: auto;
  border-radius: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 8px 16px !important;
  line-height: normal;
  background-color: transparent;
  color: black;
  border: 1px solid black;
  text-transform: none;
  text-decoration: none;
  text-align: center;
}

button.button[name="update_cart"]:not(:disabled) {
  background-color: #f03106 !important;
  border-color: #f03106 !important;
  color: white !important;
  animation: pulseSlider 1s infinite ease-in-out;
}

button.button[name="update_cart"]:not(:disabled):hover {
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.woocommerce a.button.checkout-button {
  background-color: #312B00;
  color: white;
  border-radius: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 18px;
  padding: 16px 16px;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  opacity: 1;
}

.woocommerce a.button.checkout-button:hover {
  background-color: black;
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
}

#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
  width: auto;
}

.woocommerce-checkout #payment div.payment_box {
  background: transparent;
  padding: 0;
}

.woocommerce-checkout #payment div.payment_box:before {
  content: none;
}

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

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
  font-size: 18px;
}

.woocommerce button.button.alt {
  background-color: #312B00;
  color: white;
  border-radius: 0;
  font-weight: 700;
  font-size: 18px;
  padding: 16px 16px;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  opacity: 1;
}

.woocommerce button.button.alt:hover {
  background-color: black;
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
}

.woocommerce-privacy-policy-text {
  font-size: 16px;
}

.woocommerce-form__label {
  position: relative;
  /* permet de positionner la checkbox */
  padding-left: 30px;
  /* place pour la box */
  font-size: 18px;
  line-height: 1.7;
  cursor: pointer;
  /* Aspect de la case */
  /* Aspect de la coche */
  /* Aspect non cochée */
  /* Aspect cochée */
  /* Disabled checkbox */
  /* Disabled checked */
  /* Accessibility focus */
}

.woocommerce-form__label [type="checkbox"]:not(:checked),
.woocommerce-form__label [type="checkbox"]:checked {
  /* Cache la checkbox sans
                la rendre invisible aux
                lecteurs d'écran */
  position: absolute;
  left: -2px;
  top: 1px;
  height: 18px;
  width: 18px;
  opacity: 0.01;
  z-index: 10;
}

.woocommerce-form__label::before, .woocommerce-form__label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #979797;
  background: white;
  border-radius: .2em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 rgba(151, 151, 151, 0.2);
  transition: all .275s;
}

.woocommerce-form__label::after, .woocommerce-form__label::after {
  content: '✓';
  speak: never;
  /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
  position: absolute;
  top: 11px;
  left: 2px;
  font-weight: 400 !important;
  font-size: 20px;
  color: #312B00;
  line-height: 0;
  transition: all .2s;
  /* Petite transition */
  font-family: HelveticaNeue-Light, -apple-system, AppleColorEmoji, 'Arial Rounded MT Bold', system-ui, Ubuntu, sans-serif, 'Arial Unicode MS', 'Zapf Dingbats', 'Segoe UI Emoji', 'Segoe UI Symbol', Noto Color Emoji, NotoColorEmoji, EmojiSymbols, Symbola, Noto, 'Android Emoji', AndroidEmoji, 'lucida grande', tahoma, verdana, arial, AppleColorEmoji, 'Apple Color Emoji' !important;
}

.woocommerce-form__label:has([type="checkbox"]:not(:checked))::after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}

.woocommerce-form__label:has([type="checkbox"]:checked)::after {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.woocommerce-form__label:has([type="checkbox"]:disabled:not(:checked))::before, .woocommerce-form__label:has([type="checkbox"]:disabled:checked)::before {
  box-shadow: none;
  border-color: black;
}

.woocommerce-form__label:has([type="checkbox"]:disabled:checked)::after {
  color: #777;
}

.woocommerce-form__label:has([type="checkbox"]:disabled)::after {
  color: #aaa;
}

.woocommerce-form__label:has([type="checkbox"]:checked:focus)::before, .woocommerce-form__label:has([type="checkbox"]:not(:checked):focus)::before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 6px rgba(151, 151, 151, 0.2);
}

#lpc_pick_up_widget_show_map {
  margin-top: 8px;
  background-color: transparent;
  color: black;
  font-size: 16px;
  border-radius: 8px;
  padding: 8px 16px;
  border: 1px solid black;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}

.woocommerce-shipping-fields {
  margin-top: 32px;
}

#customer_details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

#customer_details:before, #customer_details:after {
  content: none;
}

#customer_details > div {
  float: none;
  width: 100%;
}

#customer_details .col-2 {
  position: sticky;
}

.wc_payment_methods li {
  list-style: none;
}

@keyframes pulseSlider {
  0% {
    box-shadow: 0 0 0 0 rgba(245, 226, 0, 0.4);
  }
  50% {
    box-shadow: 0 0 0 15px rgba(245, 226, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(245, 226, 0, 0);
  }
}

@media only screen and (max-width: 1024px) {
  .woocommerce-cart table.cart td.actions .coupon .button {
    margin-top: 8px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 781px) {
  #customer_details {
    grid-template-columns: 1fr;
  }
  .cart-custom-container {
    grid-template-columns: 1fr;
  }
  .woocommerce-cart table.cart td.actions .coupon .button {
    width: 100%;
  }
  .cart-rest {
    grid-column: 1 / 2;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .woocommerce-cart .cart-collaterals .cart_totals tr th + td {
    width: auto;
    max-width: unset;
  }
  .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent;
  }
  .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title);
  }
  .woocommerce table.shop_table_responsive tr.woocommerce-shipping-totals-title td, .woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-totals-title td {
    text-align: left !important;
    font-size: 20px;
  }
  .woocommerce table.shop_table_responsive tr.woocommerce-shipping-totals-title td::before, .woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-totals-title td::before {
    float: none !important;
  }
  .woocommerce-cart .cart-collaterals .cart_totals tr.woocommerce-shipping-totals-title td {
    padding: 9px 12px;
  }
}