@charset "UTF-8";
/*
*
*
* Fichier utilisé pour la page "panier" / "validation de commande"
*
*
*/
@import url("https://use.typekit.net/mfn0qbw.css");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");
.woocommerce button.button {
  background-color: black;
  color: white;
  font-family: "articulat-cf", 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);
}

td.product-name > * {
  margin: 0 0 8px 0 !important;
  line-height: 1.1;
}

td.product-name > *:last-child {
  margin-bottom: 0;
}

td.product-name .product-context {
  font-size: 14px;
  font-weight: 400;
}

td.product-name .product-name-title a {
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: black;
}

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

td.product-name .prix {
  font-size: 16px;
  font-weight: 500;
}

td.product-name .conditionnement {
  font-size: 14px;
  font-weight: 400;
}

.product-subtotal {
  font-weight: 700;
}

.woocommerce table.shop_table td.product-thumbnail {
  width: 80px;
  padding: 12px !important;
  vertical-align: middle;
}

.woocommerce table.shop_table td.product-thumbnail a {
  display: block;
}

.woocommerce table.shop_table td.product-thumbnail img {
  width: 100%;
  height: auto;
  max-height: 120px;
  object-fit: contain;
  border-radius: 0;
}

.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-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 table.shop_table {
  border: solid 1px black;
  border-radius: 0;
}

.woocommerce table.shop_table td {
  border-top: solid 1px black;
}

.woocommerce table.shop_table th {
  font-weight: 400;
}

.woocommerce table.shop_table tbodytr th {
  font-weight: 400;
}

.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: 8px;
  padding: 8px;
  font-size: 16px;
  margin: 0;
  box-sizing: border-box;
  font-family: "articulat-cf", sans-serif;
  flex-basis: calc(50% - 8px);
}

.woocommerce-cart table.cart td.actions .coupon .button {
  font-family: "articulat-cf", sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 8px 16px;
  background-color: #F50;
  color: white;
  box-sizing: border-box;
  border-radius: 8px;
  flex-basis: calc(50% - 8px);
}

.woocommerce-cart table.cart td.actions .coupon .button:hover {
  transform: translateY(-3px);
}

.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 table.shop_table_responsive tbody tr th {
  font-weight: 400 !important;
}

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

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: 1px solid #000;
}

button.button[name="update_cart"] {
  margin-left: auto;
  border-radius: 8px;
  font-family: "articulat-cf", 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);
  opacity: 0.8;
}

.woocommerce a.button.checkout-button {
  background-color: black;
  color: white;
  border-radius: 8px;
  font-family: "articulat-cf", 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);
}

#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: #F50;
}

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

.woocommerce button.button.alt {
  background-color: black;
  color: white;
  border-radius: 8px;
  font-weight: 400;
  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);
}

.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 black;
  background: white;
  border-radius: 0;
  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: black;
  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: "articulat-cf", sans-serif;
  font-weight: 400;
}

.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(255, 85, 0, 0.4);
  }
  50% {
    box-shadow: 0 0 0 15px rgba(255, 85, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 85, 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;
  }
  .quantity {
    display: flex !important;
  }
}

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